/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-webkit-text-size-adjust:100%;line-height:1.15;tab-size:4}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}legend{padding:0}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:initial;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{border:0 solid;box-sizing:border-box}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#b0b0b0;opacity:1}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{color:inherit;line-height:inherit;padding:0}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-opacity:1;border-color:rgba(230,230,230,var(--tw-border-opacity))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.form-label{--tw-text-opacity:1;color:rgba(243,243,243,var(--tw-text-opacity));display:block;font-weight:500;margin-bottom:.5rem}.form-input{--tw-border-opacity:1;border-color:rgba(85,85,85,var(--tw-border-opacity));border-radius:6px;border-width:1px;width:100%}.form-input:focus{--tw-border-opacity:1;border-color:rgba(76,175,80,var(--tw-border-opacity))}.form-input{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity));color:rgba(255,255,255,var(--tw-text-opacity));padding:.75rem 1rem}.form-input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(76,175,80,var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.form-textarea{--tw-border-opacity:1;border-color:rgba(85,85,85,var(--tw-border-opacity));border-radius:6px;border-width:1px;width:100%}.form-textarea:focus{--tw-border-opacity:1;border-color:rgba(76,175,80,var(--tw-border-opacity))}.form-textarea{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity));color:rgba(255,255,255,var(--tw-text-opacity));padding:.75rem 1rem}.form-textarea:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(76,175,80,var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.form-select{--tw-border-opacity:1;border-color:rgba(85,85,85,var(--tw-border-opacity));border-radius:6px;border-width:1px;width:100%}.form-select:focus{--tw-border-opacity:1;border-color:rgba(76,175,80,var(--tw-border-opacity))}.form-select{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity));color:rgba(255,255,255,var(--tw-text-opacity));padding:.75rem 1rem}.form-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgba(76,175,80,var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.form-checkbox{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity));border-color:rgba(85,85,85,var(--tw-border-opacity));border-radius:6px;color:rgba(76,175,80,var(--tw-text-opacity));height:1.25rem;width:1.25rem}.form-checkbox:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(76,175,80,var(--tw-ring-opacity))}.form-section{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity));border-color:rgba(85,85,85,var(--tw-border-opacity));border-radius:12px;border-width:1px;margin-bottom:1.5rem;padding:1.5rem}.btn{padding:.5rem 1rem}.btn:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-offset-width:2px;--tw-ring-offset-color:#1a1a1a;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000;outline-offset:2px}.btn{transition-duration:.15s;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-primary{--tw-bg-opacity:1;background-color:rgba(76,175,80,var(--tw-bg-opacity))}.btn-primary:hover{--tw-bg-opacity:1;background-color:rgba(61,139,61,var(--tw-bg-opacity))}.btn-primary{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.btn-primary:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(76,175,80,var(--tw-ring-opacity))}.btn-secondary{--tw-bg-opacity:1;background-color:rgba(85,85,85,var(--tw-bg-opacity))}.btn-secondary:hover{--tw-bg-opacity:1;background-color:rgba(112,112,112,var(--tw-bg-opacity))}.btn-secondary{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.btn-secondary:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(144,144,144,var(--tw-ring-opacity))}.btn-lg{font-size:1rem;line-height:1.5rem;padding:.75rem 1.5rem}.btn-sm{font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem}.tag{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;line-height:1rem;padding:.25rem .625rem}.card{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity));border-color:rgba(85,85,85,var(--tw-border-opacity));border-radius:12px;border-width:1px;overflow:hidden}.required{--tw-text-opacity:1;color:rgba(239,68,68,var(--tw-text-opacity));margin-left:.25rem}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{left:0;right:0}.inset-0,.inset-y-0{bottom:0;top:0}.top-0{top:0}.top-2{top:.5rem}.top-4{top:1rem}.-top-1{top:-.25rem}.top-1\/2{top:50%}.right-0{right:0}.right-2{right:.5rem}.-right-1{right:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-4{margin:1rem}.m-8{margin:2rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-8{margin-bottom:2rem;margin-top:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-auto{margin-top:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-1\.5{margin-bottom:.375rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.ml-0\.5{margin-left:.125rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-px{height:1px}.h-full{height:100%}.h-screen{height:100vh}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-80{max-height:20rem}.max-h-screen{max-height:100vh}.min-h-screen{min-height:100vh}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-48{width:12rem}.w-64{width:16rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-max{min-width:max-content}.max-w-none{max-width:none}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-move{cursor:move}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-2{column-gap:.5rem}.gap-y-0{row-gap:0}.gap-y-0\.5{row-gap:.125rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-sm{border-radius:4px}.rounded{border-radius:6px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border{border-width:1px}.border-t-2{border-top-width:2px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b-2{border-bottom-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-l{border-left-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-white{--tw-border-opacity:1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgba(243,243,243,var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgba(230,230,230,var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgba(213,213,213,var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:rgba(144,144,144,var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity:1;border-color:rgba(112,112,112,var(--tw-border-opacity))}.border-gray-700{--tw-border-opacity:1;border-color:rgba(85,85,85,var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgba(51,51,51,var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgba(239,68,68,var(--tw-border-opacity))}.border-red-700{--tw-border-opacity:1;border-color:rgba(185,28,28,var(--tw-border-opacity))}.border-yellow-200{--tw-border-opacity:1;border-color:rgba(253,230,138,var(--tw-border-opacity))}.border-green-500{--tw-border-opacity:1;border-color:rgba(16,185,129,var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity:1;border-color:rgba(59,130,246,var(--tw-border-opacity))}.border-primary-500{--tw-border-opacity:1;border-color:rgba(76,175,80,var(--tw-border-opacity))}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgba(144,144,144,var(--tw-border-opacity))}.focus\:border-primary-500:focus,.hover\:border-primary-500:hover{--tw-border-opacity:1;border-color:rgba(76,175,80,var(--tw-border-opacity))}.bg-transparent{background-color:initial}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgba(249,249,249,var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,243,243,var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(230,230,230,var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgba(213,213,213,var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgba(112,112,112,var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgba(85,85,85,var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgba(26,26,26,var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgba(254,226,226,var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgba(220,38,38,var(--tw-bg-opacity))}.bg-red-800{--tw-bg-opacity:1;background-color:rgba(153,27,27,var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgba(255,251,235,var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgba(236,253,245,var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgba(209,250,229,var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgba(5,150,105,var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgba(37,99,235,var(--tw-bg-opacity))}.bg-blue-800{--tw-bg-opacity:1;background-color:rgba(30,64,175,var(--tw-bg-opacity))}.bg-primary-100{--tw-bg-opacity:1;background-color:rgba(208,233,208,var(--tw-bg-opacity))}.bg-primary-500{--tw-bg-opacity:1;background-color:rgba(76,175,80,var(--tw-bg-opacity))}.bg-primary-600{--tw-bg-opacity:1;background-color:rgba(61,139,61,var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgba(249,249,249,var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgba(243,243,243,var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgba(230,230,230,var(--tw-bg-opacity))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgba(213,213,213,var(--tw-bg-opacity))}.hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgba(144,144,144,var(--tw-bg-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgba(112,112,112,var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgba(85,85,85,var(--tw-bg-opacity))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgba(185,28,28,var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgba(4,120,87,var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgba(29,78,216,var(--tw-bg-opacity))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgba(30,64,175,var(--tw-bg-opacity))}.hover\:bg-primary-50:hover{--tw-bg-opacity:1;background-color:rgba(234,245,234,var(--tw-bg-opacity))}.hover\:bg-primary-600:hover{--tw-bg-opacity:1;background-color:rgba(61,139,61,var(--tw-bg-opacity))}.hover\:bg-primary-700:hover{--tw-bg-opacity:1;background-color:rgba(46,103,46,var(--tw-bg-opacity))}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-opacity-60{--tw-bg-opacity:0.6}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.pt-3{padding-top:.75rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pb-24{padding-bottom:6rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pl-10{padding-left:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-2xs{font-size:.625rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgba(243,243,243,var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgba(230,230,230,var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgba(213,213,213,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(176,176,176,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgba(144,144,144,var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgba(112,112,112,var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgba(85,85,85,var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgba(26,26,26,var(--tw-text-opacity))}.text-red-100{--tw-text-opacity:1;color:rgba(254,226,226,var(--tw-text-opacity))}.text-red-200{--tw-text-opacity:1;color:rgba(254,202,202,var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgba(248,113,113,var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgba(239,68,68,var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgba(220,38,38,var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgba(245,158,11,var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity:1;color:rgba(146,64,14,var(--tw-text-opacity))}.text-green-100{--tw-text-opacity:1;color:rgba(209,250,229,var(--tw-text-opacity))}.text-green-300{--tw-text-opacity:1;color:rgba(110,231,183,var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgba(52,211,153,var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgba(16,185,129,var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgba(4,120,87,var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity:1;color:rgba(96,165,250,var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity:1;color:rgba(139,92,246,var(--tw-text-opacity))}.text-primary-400{--tw-text-opacity:1;color:rgba(81,168,81,var(--tw-text-opacity))}.text-primary-500{--tw-text-opacity:1;color:rgba(76,175,80,var(--tw-text-opacity))}.text-primary-600{--tw-text-opacity:1;color:rgba(61,139,61,var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.hover\:text-red-300:hover{--tw-text-opacity:1;color:rgba(252,165,165,var(--tw-text-opacity))}.hover\:text-primary-300:hover{--tw-text-opacity:1;color:rgba(113,189,113,var(--tw-text-opacity))}.hover\:text-primary-400:hover{--tw-text-opacity:1;color:rgba(81,168,81,var(--tw-text-opacity))}.underline{text-decoration:underline}.no-underline{text-decoration:none}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.opacity-100{opacity:1}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-90:hover{opacity:.9}*,:after,:before{--tw-shadow:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d}.shadow,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow{--tw-shadow:0 2px 4px 0 #0000001a}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-inner,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000f}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}*,:after,:before{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-transparent{--tw-ring-color:#0000}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(59,130,246,var(--tw-ring-opacity))}.focus\:ring-primary-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(76,175,80,var(--tw-ring-opacity))}.ring-offset-0{--tw-ring-offset-width:0px}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-gray-900:focus{--tw-ring-offset-color:#1a1a1a}.filter{--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur{--tw-blur:blur(8px)}.backdrop-filter{--tw-backdrop-blur:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-invert:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-opacity:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-sepia:var(--tw-empty,/*!*/ /*!*/);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-9{grid-column:span 9/span 9}.md\:ml-0{margin-left:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.goode-form-buttons .goode-form-button{all:unset;align-items:center!important;border:none!important;border-radius:.375rem!important;box-sizing:border-box!important;cursor:pointer!important;display:inline-flex!important;font-family:inherit!important;font-size:.875rem!important;font-weight:500!important;height:44px!important;justify-content:center!important;letter-spacing:normal!important;line-height:1!important;min-width:144px!important;outline:none!important;padding:0 16px!important;text-align:center!important;text-decoration:none!important;text-transform:none!important;transition:background-color .2s ease!important;width:auto!important}.goode-form-buttons .goode-cancel-button{background-color:#4b5563!important;border:none!important;box-shadow:none!important;color:#fff!important;outline:none!important}.goode-form-buttons .goode-cancel-button:hover:not(:disabled){background-color:#374151!important}.goode-form-buttons .goode-save-button{background-color:#4b5563!important;border:none!important;box-shadow:none!important;color:#fff!important;outline:none!important}.goode-form-buttons .goode-save-button:hover:not(:disabled){background-color:#374151!important}.goode-form-buttons .goode-button-loading{background-color:#6b7280!important;color:#fff!important;cursor:not-allowed!important}.goode-form-buttons .goode-form-button:disabled{cursor:not-allowed!important;opacity:.7!important}.goode-form-buttons{background-color:#0f172a!important;display:flex!important;gap:16px!important;justify-content:flex-end!important;padding:16px!important}.goode-form-container{background-color:#1e293b!important;border-radius:.5rem!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;color:#f3f4f6!important;margin:0 auto!important;max-width:100%!important;overflow:hidden!important;position:relative!important;width:100%!important}.goode-form-container.goode-form-fullscreen{align-items:center!important;background-color:initial!important;border-radius:0!important;box-shadow:none!important;display:flex!important;justify-content:center!important;z-index:50!important}.goode-form-container.goode-form-fullscreen,.goode-form-overlay{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important}.goode-form-overlay{background-color:#00000080!important;z-index:40!important}.goode-form-content{background-color:#1e293b!important;border-radius:.5rem!important;box-shadow:0 25px 50px -12px #00000040!important;flex-direction:column!important;max-height:90vh!important;max-width:800px!important;overflow:hidden!important;position:relative!important;z-index:50!important}.goode-form-content,.goode-form-header{display:flex!important;width:100%!important}.goode-form-header{align-items:center!important;background-color:#111827!important;border-bottom:1px solid #374151!important;justify-content:space-between!important;padding:1rem 1.5rem!important}.goode-sticky-header{position:sticky!important;top:0!important;z-index:10!important}.goode-form-title{color:#f3f4f6!important;font-size:1.25rem!important;font-weight:600!important;line-height:1.5!important;margin:0!important;padding:0!important}.goode-form-close-button{all:unset;align-items:center!important;background:none!important;border:none!important;border-radius:.25rem!important;color:#9ca3af!important;cursor:pointer!important;display:flex!important;font-size:1.5rem!important;justify-content:center!important;line-height:1!important;padding:.25rem!important;transition:color .2s ease!important}.goode-form-close-button:hover{color:#f3f4f4!important}.goode-form-body{box-sizing:border-box!important;flex:1 1 auto!important;gap:1.5rem!important;margin:0!important;max-height:calc(90vh - 60px)!important;overflow-y:auto!important;padding:1.5rem!important;width:100%!important}.goode-form-body,.goode-form-section{background-color:#1e293b!important;display:flex!important;flex-direction:column!important}.goode-form-section{border:1px solid #334155!important;border-radius:.375rem!important;gap:1rem!important;padding:1rem!important}.goode-form-section-title{border-bottom:1px solid #334155!important;color:#f3f4f6!important;font-size:1rem!important;font-weight:600!important;margin:0 0 .5rem!important;padding:0 0 .5rem!important}.goode-form-fullscreen .goode-form-content{max-height:90vh!important;max-width:min(90vw,800px)!important}@media (max-width:640px){.goode-form-content{border-radius:0!important;height:100%!important;max-height:100%!important;max-width:100%!important}.goode-form-body{max-height:calc(100vh - 60px)!important}}:root{--primary-color:#0c2f4b;--text-color:#000;--text-color-secondary:#333;--button-text-color:#000;--button-hover-text-color:#fff}.cart-content{flex:1 1;flex-direction:column;height:calc(100% - 60px);max-height:100%;position:relative}.cart-content,.cart-panel{display:flex;overflow:hidden}.cart-panel{box-shadow:-2px 0 10px #0003;flex-direction:column;height:100%;max-width:450px;transform:translateX(100%);transform-origin:right center;transition:transform .3s ease;width:320px;z-index:1000}.phone-frame .cart-panel{height:100%;max-height:100%;overflow:hidden;padding-top:30px;position:absolute;top:0;width:100%}.cart-panel.open{pointer-events:auto!important;transform:translateX(0)}.phone-frame .cart-items{max-height:calc(100% - 150px)}.preview-container .phone-frame .cart-panel{right:0;transform:translateX(100%);width:100%}.preview-container .phone-frame .cart-panel.open{pointer-events:auto!important;transform:translateX(0)}.cart-button{background-color:#0c2f4b;background-color:var(--primary-color);box-shadow:0 4px 12px #0006;font-size:1.5rem;height:60px;transition:transform .3s ease,background-color .3s ease;width:60px;z-index:9999!important}.cart-button svg{stroke:currentColor}.cart-button.force-visible,.preview-container .phone-frame .cart-button{display:flex!important;opacity:1!important;visibility:visible!important}.cart-button.force-visible,.phone-content .cart-button,.phone-frame .cart-button,.preview-container .phone-frame .cart-button{bottom:70px!important;pointer-events:auto!important;position:absolute!important;right:20px!important;z-index:9999!important}.cart-button:hover{background-color:#0c2f4b;background-color:var(--primary-color);opacity:.9;transform:scale(1.05)}.cart-button.has-items{animation:pulse 2s infinite;background-color:#e63946}.cart-count{border:2px solid #fff;height:24px;width:24px}.cart-header{align-items:center;background-color:var(--phone-primary-color);color:#fff;display:flex;justify-content:space-between;min-height:60px;padding:15px;position:relative;width:100%}.cart-header-content{display:flex;flex:1 1;flex-direction:column}.cart-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0003}.cart-header .text-white,.cart-header h2.text-white{color:#fff!important}.close-cart-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;margin-left:12px;opacity:.9;padding:0 8px;transition:opacity .2s ease}.close-cart-button:hover{opacity:1}.cart-items{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:15px}.cart-items::-webkit-scrollbar{height:6px;width:6px}.cart-items::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.cart-items::-webkit-scrollbar-thumb{background:#0c2f4b;background:var(--primary-color);border-radius:3px}.empty-cart{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 15px;text-align:center}.empty-cart-icon{color:#ccc;font-size:3rem;margin-bottom:15px}.empty-cart h3{color:#333;margin:0 0 10px}.empty-cart p{color:#888;margin:0}.cart-item{flex-direction:column;padding:15px;position:relative}.cart-item-info{display:flex;gap:12px;margin-bottom:10px}.cart-item-details{flex:1 1}.cart-item-name{margin-bottom:4px}.cart-item-name,.cart-item-price{color:#333;font-size:1rem;font-weight:600}.cart-item-actions{align-items:center;display:flex;gap:12px;margin-top:8px}.quantity-controls{gap:4px}.quantity-btn{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.quantity-btn:hover{background-color:#e8e8e8;border-color:#d0d0d0}.quantity-display{padding:0 4px}.cart-item-buttons button{border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:70px;text-align:center;transition:all .2s ease}.edit-btn{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#333}.edit-btn:hover{background-color:#e8e8e8;border-color:#d0d0d0}.remove-btn{background-color:#fff0f0;border:1px solid #fcc;color:#c00}.remove-btn:hover{background-color:#ffe0e0;border-color:#ffb3b3}.cart-footer{background-color:#fff;border-top:1px solid #e5e7eb;padding:1rem}.cart-footer button{align-items:center;display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:48px;padding:12px 24px}.cart-footer button.clear-cart{border:1px solid #0c2f4b;color:#0c2f4b}.cart-footer button.clear-cart:hover{background-color:#0c2f4b0d}.cart-footer button.checkout{background-color:#0c2f4b}.cart-footer-buttons{display:flex;gap:1rem}@media (max-width:768px){.cart-panel{width:100%}}.loading{color:#888;padding:30px 15px}.cart-tax{color:#666;font-size:.9rem;margin-bottom:10px;order:1}.cart-grand-total,.cart-tax{align-items:center;display:flex;justify-content:space-between}.cart-grand-total{border-top:1px solid #ddd;color:#333;font-size:1.2rem;font-weight:700;margin-bottom:20px;order:3;padding-top:8px}.cart-grand-total span:last-child{color:#e63946;font-size:1.4rem}.cart-subtotal{align-items:center;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;margin-bottom:10px;order:2}.checkout-form{max-height:calc(100vh - 80px);overflow-y:auto;padding:15px}.checkout-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:15px}.checkout-section-title{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;margin:0 0 12px;padding-bottom:8px}.form-group label{color:#666;font-size:.9rem;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0c2f4b;border-color:var(--primary-color);outline:none}.form-group textarea{min-height:60px}.form-row{gap:10px}.form-group.half{flex:1 1}.delivery-options{display:flex;gap:10px}.delivery-option{border:1px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;padding:15px;text-align:center;transition:all .2s}.delivery-option:hover{background-color:#f9f9f9}.delivery-option.selected{background-color:#2a9d8f0d;border-color:#0c2f4b;border-color:var(--primary-color)}.delivery-option-icon{font-size:1.8rem;margin-bottom:8px}.delivery-option-label{font-weight:500}.payment-methods{display:flex;gap:10px}.payment-method{border:1px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;padding:15px;text-align:center;transition:all .2s}.payment-method:hover{background-color:#f9f9f9}.payment-method.selected{background-color:#2a9d8f0d;border-color:#0c2f4b;border-color:var(--primary-color)}.payment-method-icon{font-size:1.8rem;margin-bottom:8px}.payment-method-label{font-weight:500}.checkout-summary{border-top:1px solid #eee;margin-top:30px;padding-top:15px}.checkout-total{align-items:center;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-bottom:15px}.checkout-actions{background:none!important;border-top:1px solid #eee!important;display:flex!important;gap:10px!important;padding:15px!important;width:100%!important}.checkout-actions .back-button,button.back-button{align-items:center!important;background-color:#fff!important;border:1px solid var(--phone-primary-color)!important;border-radius:6px!important;box-shadow:none!important;color:var(--phone-primary-color)!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:14px!important;font-weight:600!important;height:44px!important;justify-content:center!important;line-height:normal!important;margin:0!important;max-width:none!important;min-height:44px!important;padding:12px 20px!important;text-transform:none!important;transition:background-color .2s!important}.checkout-actions .back-button:hover,button.back-button:hover{background-color:#0c2f4b0d!important}.checkout-actions .place-order-button,button.place-order-button{align-items:center!important;background-color:var(--phone-primary-color)!important;border:none!important;border-radius:6px!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex:2 1!important;font-size:14px!important;font-weight:600!important;height:44px!important;justify-content:center!important;line-height:normal!important;margin:0!important;min-height:44px!important;padding:12px 20px!important;text-transform:none!important;transition:opacity .2s!important}.checkout-actions .place-order-button:hover,button.place-order-button:hover{opacity:.9!important}.checkout-actions .place-order-button:disabled,button.place-order-button:disabled{background-color:#aaa!important;cursor:not-allowed!important;opacity:.7!important}.payment-status{align-items:center;display:flex;flex-direction:column;height:calc(100% - 80px);justify-content:center;padding:30px 15px;text-align:center}.payment-status-icon{font-size:3.5rem;margin-bottom:20px}.payment-status h3{font-size:1.5rem;margin:0 0 10px}.payment-status p{color:#666;margin-bottom:20px}.payment-status.success{color:#0c2f4b;color:var(--primary-color)}.payment-status.error{color:#e63946}.order-details{background-color:#f9f9f9;border-radius:8px;margin:15px 0;padding:15px;width:100%}.order-details p{color:#333;margin:5px 0}.force-visible{display:flex!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}@media (max-width:768px){.delivery-options,.form-row,.payment-methods{flex-direction:column}.form-row{gap:15px}}.cart-item-options.editable{border:1px solid #e0e0e0;border-radius:6px;color:#222;margin-top:10px;padding:10px}.editable-option{background-color:initial;border-bottom:1px solid #f5f5f5;border-radius:4px;margin-bottom:6px;padding-bottom:5px;transition:background-color .2s}.editable-option:hover{background-color:#f5f5f5}.editable-option.selected{background-color:#e6f7f5;border-color:#0c2f4b;border-color:var(--primary-color)}.cart-item-option-group,.checkbox-options,.radio-options{background-color:initial;margin-bottom:8px}div.cart-item-option-group,div.checkbox-options,div.editable-option,div.radio-options{background-color:initial!important}.option-checkbox,.option-radio{color:#222;padding:3px 0}.option-radio{align-items:center;border-radius:4px;display:flex;padding:8px;width:100%}.option-radio input[type=radio]{accent-color:#0c2f4b;accent-color:var(--primary-color);cursor:pointer;height:18px;margin-right:8px;width:18px}.option-name{font-size:.9rem;padding-left:4px}.edit-actions{gap:10px;margin-top:15px}.edit-actions button{border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px 20px;text-align:center;transition:all .2s ease}.save-changes{background-color:var(--phone-primary-color);border:none;color:#fff}.save-changes:hover{opacity:.9}.cancel-edit{background-color:#fff;border:1px solid #e0e0e0;color:#333}.cancel-edit:hover{background-color:#f5f5f5}.option-checkbox input[type=checkbox]+span,.option-radio input[type=radio]+span{color:#000!important}.cart-item-option-group strong{border-bottom:1px solid #f0f0f0;color:#000!important;margin-bottom:8px;padding-bottom:5px}.price-value{color:#000!important;min-width:45px;text-align:right}.edit-item{background:none;border:none;color:#000!important;cursor:pointer;font-size:.9rem;margin-left:15px;padding:0;transition:opacity .2s,color .2s}.edit-item:hover{color:#000!important;opacity:.8;text-decoration:underline}.option-name,.option-price{color:#000!important;display:inline-block!important;font-size:14px!important;font-weight:500!important}.option-price{background-color:#e1f5fe!important;border-radius:4px!important;padding:0 8px!important}.option-row{background-color:initial!important;display:flex!important;justify-content:space-between!important;margin:2px 0!important;padding:3px 0!important}.option-group-title{color:#000!important;font-size:14px!important;font-weight:700!important;margin-bottom:4px!important}.cart-panel{color:#333!important}.cart-item-name{font-size:16px!important;font-weight:700!important}.cart-item-name,span.option-name{color:#000!important}.cart-panel button{color:#e6e6e6!important;height:fit-content}button.edit-item,button.remove-item{pointer-events:auto!important;position:relative!important;z-index:100!important}.cart-item-quantity{position:relative!important;z-index:10!important}.cart-panel .option-name,.option-name,span.option-name{color:#000!important;font-weight:500!important}.cart-panel *{color:inherit!important}.cart-item-name,.cart-item-option-group,.option-name,span.option-name{color:#000!important}.cart-panel button{position:relative!important;z-index:100!important}.cart-panel button,.cart-panel input[type=checkbox],.cart-panel input[type=radio]{cursor:pointer!important;pointer-events:auto!important}.edit-item{background-color:#e8f5e9!important;border:1px solid #a5d6a7!important;color:#2e7d32!important}.remove-item{background-color:#ffebee!important;border:1px solid #ffcdd2!important;color:#c62828!important}.option-price,.price-value{background-color:initial!important;border-radius:4px!important;color:#000!important}.cart-panel{background-color:#fff!important;pointer-events:auto!important;position:fixed!important;z-index:9999!important}@media (max-width:480px){.cart-item-options{font-size:.8rem;padding:4px 6px}.option-indent,.price-value{font-size:.75rem}.cart-item-option-group strong{font-size:.85rem}}div[class^="undefined:"]{display:none}.cart-item-options{background-color:#f8f9fa;border-radius:.5rem;padding:.75rem}.cart-item-options.editable{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-top:.5rem;padding:1rem}.cart-item-option-group{margin-bottom:.75rem}.cart-item-option-group strong{border-bottom:1px solid #e2e8f0;color:#4a5568;display:block;font-weight:600;margin-bottom:.5rem;padding-bottom:.25rem}.editable-option{border-radius:.25rem;cursor:pointer;padding:.5rem;transition:background-color .2s,border-color .2s}.editable-option:hover{background-color:#f7fafc}.editable-option.bg-teal-50,.editable-option.selected{background-color:#e6fffa!important;border-color:#81e6d9!important}.option-checkbox,.option-radio{align-items:center;cursor:pointer;display:flex;width:100%}.option-name{flex:1 1;font-size:.875rem;margin-left:.5rem}.price-value{color:#0c2f4b;color:var(--primary-color);font-size:.875rem;font-weight:500}.edit-actions{display:flex;gap:.75rem;margin-top:1rem}.cancel-edit-button,.save-edit-button{border-radius:.25rem;flex:1 1;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.save-edit-button:hover{background-color:#0c2f4b;background-color:var(--primary-color);opacity:.9}.cancel-edit-button{background-color:#718096;color:#fff}.cancel-edit-button:hover{background-color:#4a5568}.fa,.fab,.fal,.far,.fas{font-family:inherit!important;font-weight:400!important}.option-checkbox input[type=checkbox],.option-checkbox input[type=checkbox]+span{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.save-edit-button{align-items:center;background-color:#0c2f4b;background-color:var(--primary-color);border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;padding:10px 15px;transition:background-color .2s}.cart-action-buttons button:last-child,.cart-action-buttons button:last-child span,.checkout-button,.checkout-button span{color:#fff!important}.cart-item-buttons button,button.quantity-btn{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333!important;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:center;min-height:32px;min-width:32px;padding:6px 12px;transition:all .2s ease}.cart-item-buttons button:hover,button.quantity-btn:hover{background-color:#e0e0e0;border-color:#ccc}.quantity-display{color:#333;min-width:24px;padding:0 8px}.cart-item-buttons{display:flex;gap:8px;margin-left:12px}.cart-item-buttons button{padding:6px 12px;white-space:nowrap}.cart-footer{border-top:1px solid #eee;padding:15px}.cart-footer button{border-radius:6px;cursor:pointer;font-weight:600;padding:12px 20px;text-align:center;transition:all .2s ease;width:100%}.cart-footer button.clear-cart{align-items:center;background-color:#fff;border:1px solid #e0e0e0;color:#1f2937!important;display:flex;height:44px!important;justify-content:center;min-height:44px!important;padding:12px 20px}.cart-footer button.clear-cart:hover{background-color:#f5f5f5}.cart-footer button.checkout{align-items:center;background-color:var(--phone-primary-color);border:none;color:#fff;display:flex;height:44px;justify-content:center;min-height:44px;padding:12px 20px}.cart-footer button.checkout:hover{opacity:.9}.phone-theme-container{--phone-primary-color:#2a9d8f;--phone-background-color:#f8f9fa;--phone-card-background:#fff;--phone-text-color:#333;--phone-price-color:#4caf50;--phone-category-text-color:#666;--phone-description-text-color:#777;--phone-description-background:#eee;--phone-font-family:Arial,sans-serif;clip:auto;--primary-color:none;--background-color:none;--text-color:none;--price-color:none;--category-text-color:none;--description-text-color:none;--description-background:none;all:initial;animation:none 0s ease 0s 1 normal none running;animation:none!important;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background-color:initial;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;box-sizing:border-box;caption-side:top;clear:none;color:#000;color:initial;color-scheme:normal;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;display:block;empty-cells:show;float:none;font-family:serif;font-family:Arial,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;isolation:isolate;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;position:relative;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;transition:none!important;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.phone-container{align-items:center;display:flex;justify-content:center;padding:20px}.phone-frame{background-color:#fff;border-radius:44px;box-shadow:0 0 0 11px #1a1a1a,0 0 0 13px #3d3d3d;height:812px;overflow:hidden;pointer-events:auto;position:relative;width:375px;z-index:1}.phone-notch{background-color:#1a1a1a;border-bottom-left-radius:15px;border-bottom-right-radius:15px;height:25px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:150px;z-index:10}.notch-content,.phone-notch{align-items:center;display:flex;justify-content:center}.notch-content{height:100%;position:relative;width:100%}.notch-content:before{border-radius:50%;height:8px;left:35px;width:8px}.notch-content:after,.notch-content:before{background-color:#444;content:"";position:absolute}.notch-content:after{border-radius:4px;height:4px;right:35px;width:40px}.status-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;border-bottom:1px solid #0000001a;color:#1a1a1a;display:flex;font-size:12px;font-weight:600;height:30px;justify-content:space-between;padding:0 15px;position:relative;z-index:5}.status-left{font-weight:700}.status-right{display:flex;gap:8px}.status-right i{font-size:14px}.phone-content{-webkit-overflow-scrolling:touch;background-color:var(--phone-background-color)!important;color:var(--phone-text-color)!important;font-family:var(--phone-font-family)!important;height:calc(100% - 30px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:70px;position:relative;z-index:1}.phone-content .mobile-menu-header,.phone-content .preview-header{background-color:var(--phone-primary-color)!important;color:#fff!important;position:sticky;top:0;z-index:10}.phone-content .item-name,.phone-content .menu-item-name{color:var(--phone-text-color)!important}.phone-content .item-price,.phone-content .menu-item-price{color:var(--phone-price-color)!important}.phone-content .category-heading,.phone-content .category-name,.phone-content .item-category{color:var(--phone-category-text-color)!important}.phone-content .item-description,.phone-content .menu-item-description{background-color:var(--phone-description-background)!important;color:var(--phone-description-text-color)!important}.phone-frame-cart-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:9999}.phone-frame-cart-container .cart-button{bottom:70px!important;display:flex!important;opacity:1!important;pointer-events:auto;position:absolute!important;right:20px!important;visibility:visible!important;z-index:9999!important}.phone-frame-cart-container .cart-panel.open,.phone-frame-cart-container .cart-panel.open .cart-content,.phone-frame-cart-container .cart-panel.open .cart-header,.phone-frame-cart-container .cart-panel.open .cart-items,.phone-frame-cart-container .cart-panel.open .cart-summary,.phone-frame-cart-container .cart-panel.open button{pointer-events:auto}.placeholder-content{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.placeholder-content i{font-size:48px;margin-bottom:16px}.placeholder-content p{font-size:16px;margin:0}.camera{border-radius:50%;height:12px;margin-right:10px;width:12px}.camera,.speaker{background-color:#1a1a1a}.speaker{border-radius:3px;height:6px;width:60px}.signal-bars{align-items:flex-end;display:flex;gap:1px;margin-right:8px}.signal-bars span{background-color:#000;border-radius:1px;margin-left:1px;width:3px}.signal-bars span:first-child{height:4px}.signal-bars span:nth-child(2){height:6px}.signal-bars span:nth-child(3){height:8px}.signal-bars span:nth-child(4){height:10px}.wifi-icon{height:15px;margin-right:8px;position:relative;width:15px}.wifi-icon:before{height:15px;left:0;top:0;width:15px}.wifi-icon:after,.wifi-icon:before{border-color:#0000 #000 #000 #0000;border-radius:50%;border-style:solid;border-width:2px;content:"";position:absolute;transform:rotate(45deg)}.wifi-icon:after{height:7px;left:4px;top:4px;width:7px}.battery{border:1.5px solid #000;border-radius:2px;height:10px;padding:1px;position:relative;width:22px}.battery:after{background-color:#000;border-radius:0 2px 2px 0;content:"";height:4px;position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:2px}.battery-level{background-color:#000;border-radius:1px;height:100%;width:80%}.phone-content .nav-tabs{bottom:0!important;left:0!important;position:fixed!important;right:0!important;z-index:999!important}.phone-content .nav-tabs .tab{align-items:center;background-color:initial;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease;width:50%}.phone-content .nav-tabs .tab.active{background-color:#ffffff1a}.phone-content .nav-tabs .tab i{font-size:20px;margin-bottom:4px}.phone-content .nav-tabs .tab span{font-size:12px;font-weight:500;margin-top:2px}.phone-content .menu-categories-container,.phone-content .menu-items-grid,.phone-content .menu-items-list{padding-bottom:70px}.phone-content .menu-categories-container:after,.phone-content .menu-items-grid:after,.phone-content .menu-items-list:after{content:"";display:block;height:70px;width:100%}.phone-frame-bottom-nav{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;justify-content:space-around;padding:8px 0;position:fixed;width:100%;z-index:100}.phone-frame-bottom-nav .nav-item{align-items:center;border-radius:8px;color:#666;display:flex;flex-direction:column;font-size:.75rem;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease}.phone-frame-bottom-nav .nav-item svg{height:24px;margin-bottom:4px;transition:all .2s ease;width:24px}.phone-frame-bottom-nav .nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-text)}.phone-frame-bottom-nav .nav-item:hover:not(.active){background:var(--selected-bg)}[data-theme=dark] .phone-frame-bottom-nav{background:#1a1a1a;border-top-color:#333}[data-theme=dark] .phone-frame-bottom-nav .nav-item{color:#fff9}.menu-item-form-container{background-color:#2a2a2a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:25px}.menu-item-form-container h2{border-bottom:1px solid #444;color:#fff;font-size:20px;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:15px}.form-error,.form-success{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px 15px}.form-error{background-color:#ff00001a;border-left:5px solid #e53935;color:#e53935}.form-error,.form-success{border-radius:4px;font-weight:500;margin-bottom:20px;padding:12px}.form-success{background-color:#4caf501a;border-left:5px solid #43a047;color:#43a047}.menu-item-form .form-group label,.menu-item-form-container .form-group label{color:#fff;display:block;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-shadow:0 1px 2px #00000080}.form-group input[type=number],.form-group input[type=text],.form-group textarea{background-color:#333;border:1px solid #555;border-radius:4px;box-shadow:inset 0 1px 3px #0003;color:#fff;font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.form-group textarea{min-height:80px;resize:vertical}.price-input{align-items:center;display:flex;max-width:150px;position:relative}.price-symbol{color:#fff;font-size:16px;font-weight:600;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.price-input input{background-color:#333;color:#fff!important;font-weight:600;padding-left:28px!important}.form-group input[type=file]{display:none}.custom-file-input{background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;min-width:120px;padding:10px 15px;text-align:center;transition:background-color .2s}.custom-file-input:hover{background-color:#555}.image-preview{background-color:#333;border:1px solid #444;border-radius:4px;margin-top:15px;padding:15px;text-align:center}.image-preview img{border-radius:4px;max-height:300px;max-width:100%;object-fit:contain}.image-preview p{color:#999;font-size:12px;margin-top:8px}.form-actions{border-top:1px solid #444;gap:15px;justify-content:center;margin-top:30px}.menu-item-form .form-actions .cancel-btn,.menu-item-form .form-actions .save-btn,.menu-item-form-container .form-actions .cancel-button,.menu-item-form-container .form-actions .submit-button{border:none;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;letter-spacing:.5px;line-height:1.5;margin:0;min-width:140px;padding:12px 24px;text-align:center;text-transform:uppercase;transition:all .2s}.menu-item-form .form-actions .cancel-btn,.menu-item-form-container .form-actions .cancel-button{background-color:#555;color:#fff}.menu-item-form .form-actions .save-btn,.menu-item-form-container .form-actions .submit-button{background-color:#4caf50;color:#fff}.form-group select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 12px center;background-size:12px;padding-right:40px}.form-group input::placeholder,.form-group textarea::placeholder{color:#666;opacity:1}.form-group .price-input-wrapper{align-items:center;display:flex;position:relative}.form-group .price-input-wrapper:before{color:#888;content:"$";font-size:14px;left:12px;pointer-events:none;position:absolute}.form-group input.price-input{-moz-appearance:textfield;padding-left:24px;padding-right:12px;text-align:right;width:100%}.form-group input.price-input::-webkit-inner-spin-button,.form-group input.price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input.price-input::placeholder{text-align:right}.categories-select{grid-gap:8px 15px;background-color:#333;border:1px solid #444;border-radius:4px;display:grid;gap:8px 15px;grid-template-columns:repeat(2,1fr);max-height:200px;overflow-y:auto;padding:10px}.category-checkbox{align-items:center;display:flex;gap:6px}.category-checkbox input[type=checkbox]{accent-color:#4a90e2;accent-color:var(--primary-color);cursor:pointer;height:18px;margin:0;width:18px}.category-checkbox label{color:#fff!important;cursor:pointer;font-size:14px;font-weight:400!important;margin:0!important;text-shadow:none!important}.price-input-wrapper{align-items:center;background-color:#1a1a1a;border:1px solid #444;border-radius:6px;display:flex;overflow:hidden;position:relative}.currency-symbol{color:#888;font-size:14px;left:12px;pointer-events:none;position:absolute}.price-input{font-family:monospace!important;letter-spacing:.1em!important;padding-left:24px!important;text-align:right!important}.price-input::placeholder{color:#666;text-align:right}.price-input::-webkit-inner-spin-button,.price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-input[type=number]{-moz-appearance:textfield}.selected-file-name{color:#ddd;font-size:14px;margin-left:10px}.menu-item-form .form-actions .cancel-btn:hover,.menu-item-form-container .form-actions .cancel-button:hover{background-color:#666;box-shadow:0 3px 5px #0000004d;transform:translateY(-1px)}.menu-item-form .form-actions .save-btn:hover,.menu-item-form-container .form-actions .submit-button:hover{background-color:#45a049;box-shadow:0 3px 5px #0000004d;transform:translateY(-1px)}.menu-item-form .form-actions .save-btn:disabled,.menu-item-form-container .form-actions .submit-button:disabled{background-color:#666;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.required-field{color:#e53935;font-weight:700;margin-left:3px}.suggest-ai-btn{background-color:#8a2be2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.85rem;margin-left:10px;padding:5px 10px;transition:all .2s ease}.suggest-ai-btn:hover{background-color:#9b30ff;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.input-error,.select-error{background-color:#ff00000d!important;border:2px solid #e53935!important}.select-error{border-radius:4px;padding:5px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.input-error,.select-error{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}.field-error{color:#e53935;font-size:12px;font-weight:500;margin-top:5px}.category-error-message{color:#e53935;font-size:14px;font-weight:600;margin-bottom:8px}.item-options-section{background-color:#333;border:1px solid #444;border-radius:6px;margin-top:30px;padding:20px}.item-options-section h3{color:#fff;font-size:18px;margin-bottom:10px;margin-top:0}.options-description{color:#aaa;font-size:14px;margin-bottom:20px}.options-tabs{border-bottom:1px solid #444;display:flex;margin-bottom:20px}.options-tab{background:none;border:none;border-bottom:3px solid #0000;color:#ccc;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .2s}.options-tab.active{border-bottom:3px solid #4caf50;color:#4caf50}.options-tab:hover:not(.active){background-color:#ffffff0d;color:#fff}.options-container{padding:10px 0}.no-options-message{background-color:#ffffff0d;border-radius:4px;color:#aaa;padding:20px;text-align:center}.no-options-message p{font-size:14px;margin:0}.add-option-btn{align-items:center;background-color:#4caf501a;border:1px dashed #4caf50;border-radius:4px;color:#4caf50;cursor:pointer;display:flex;font-weight:500;justify-content:center;margin-top:15px;padding:12px;transition:all .2s;width:100%}.add-option-btn:hover{background-color:#4caf5033}.add-option-btn span{font-size:18px;font-weight:600;margin-right:8px}.options-list{display:flex;flex-direction:column;gap:10px}.option-item{background-color:#222;border-left:3px solid #4a90e2;border-radius:4px;justify-content:space-between;padding:12px 15px}.option-details{align-items:center;display:flex}.option-name{color:#fff;font-weight:500}.option-price{background-color:#4a90e233;border-radius:4px;color:#4a90e2;font-size:13px;font-weight:600;margin-left:15px;padding:4px 8px}.option-actions{display:flex;gap:8px}.delete-option-btn,.edit-option-btn{background:none;border:none;border-radius:3px;color:#aaa;cursor:pointer;font-size:13px;padding:5px 10px;transition:all .2s}.edit-option-btn:hover{background-color:#ffffff1a;color:#fff}.delete-option-btn:hover{background-color:#e539351a;color:#e53935}.option-item.add-on{border-left-color:#4caf50}.option-item.choice{border-left-color:#ff9800}.option-item.upgrade{border-left-color:#9c27b0}input[type=file]{display:none}label[for=image]{background-color:#444;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;transition:background-color .2s}label[for=image]:hover{background-color:#555}label[for=image]:before{content:"📷";margin-right:8px}.option-helper-text{background-color:#ffffff0d;border-left:3px solid #4caf50;border-radius:4px;color:#aaa;display:block;font-size:14px;font-style:italic;margin:5px 0 15px;padding:8px 12px}.button-container,.form-actions{border-top:1px solid #444;display:flex;justify-content:center;margin-top:30px;padding-top:20px;width:100%}.btn-primary,.btn-secondary,.cancel-button,.save-button{border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;font-size:15px;font-weight:600;height:42px;letter-spacing:.5px;line-height:42px;padding:0;text-align:center;text-transform:uppercase;transition:all .2s;width:140px}.btn-primary,.save-button{background-color:#4caf50;color:#fff}.btn-secondary,.cancel-button{background-color:#555;color:#fff}.btn-primary:disabled,.btn-secondary:disabled,.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.7}#description-modal{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#eee;cursor:default;display:none;left:50%;max-width:90vw;padding:0;position:fixed;top:15%;transform:translateX(-50%);width:550px;z-index:1000}.modal-header{align-items:center;background-color:#333;border-bottom:1px solid #444;border-top-left-radius:8px;border-top-right-radius:8px;cursor:move;display:flex;justify-content:space-between;padding:14px 18px;-webkit-user-select:none;user-select:none}.modal-header h3{color:#f5f5f5;font-size:18px;font-weight:500;margin:0}.modal-header .close-btn{background:none;border:none;border-radius:4px;color:#aaa;cursor:pointer;font-size:22px;margin:-5px;padding:5px 8px}.modal-header .close-btn:hover{background-color:#ffffff1a;color:#fff}.user-prompt-container{background-color:#ffffff0d;border:1px solid #444;border-radius:6px;margin-bottom:25px;padding:18px}.user-prompt-container label{color:#ddd;display:block;font-size:15px;line-height:1.4;margin-bottom:12px}#user-prompt{background-color:#222;border:1px solid #444;border-radius:4px;color:#fff;font-family:inherit;font-size:14px;line-height:1.5;min-height:85px;padding:12px 14px;resize:vertical;width:100%}.ai-result-container{margin-bottom:25px}.ai-result-container h4{color:#ddd;font-size:15px;font-weight:500;margin-bottom:12px;margin-top:0}#suggested-description{border-radius:6px;max-height:220px;overflow-y:auto;white-space:pre-wrap}#editable-suggestion,#suggested-description{background-color:#222;font-size:14px;line-height:1.5;margin-bottom:18px;padding:16px}#editable-suggestion{border:1px solid #444;border-radius:6px;color:#fff;font-family:inherit;min-height:120px;resize:vertical;width:100%}.modal-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.modal-buttons button{border:none;border-radius:6px;box-shadow:0 2px 4px #0003;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:100px;padding:10px 16px;transition:all .2s;white-space:nowrap}.modal-buttons button[data-action=use]{background-color:#4caf50;color:#fff}.modal-buttons button[data-action=edit]{background-color:#2196f3;color:#fff}.modal-buttons button[data-action=regenerate]{background-color:#9333ea;color:#fff}.modal-buttons button[data-action=cancel]{background-color:#555;color:#fff}.modal-buttons button:hover{box-shadow:0 4px 8px #0000004d;opacity:.9;transform:translateY(-2px)}.category-checkbox-container{grid-gap:2px;background-color:#1f2937;border:1px solid #374151;border-radius:.375rem;display:grid;gap:2px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:10rem;overflow-y:auto;padding:6px}.category-checkbox-label{border-radius:.25rem;cursor:pointer;padding:3px}.category-checkbox-label:hover{background-color:#37415180}.category-checkbox-label input[type=checkbox]{accent-color:#3b82f6!important;background-color:#374151!important;border:1px solid #4b5563!important;border-radius:.125rem}.category-checkbox-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-checkbox-label input[type=checkbox]:checked{background-color:#3b82f6!important;border-color:#3b82f6!important}.option-editor{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 20px #0009;margin:0 auto;max-width:600px;overflow:hidden;padding:0;width:100%}.option-editor-header{align-items:center;background-color:#333;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:15px 20px}.option-editor-header h3{color:#fff;font-size:18px;margin:0}.option-editor .close-button{background:none;border:none;color:#999;cursor:pointer;font-size:24px;line-height:1;margin:0;padding:0;transition:color .2s}.option-editor .close-button:hover{color:#fff}.option-form{padding:20px}.option-form-row{margin-bottom:20px;padding:0 5px}.option-form-row.two-columns{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.option-form-actions{border-top:1px solid #444;display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-option-btn,.save-option-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.cancel-option-btn{background-color:#555;color:#fff}.save-option-btn{background-color:#4caf50;color:#fff}.cancel-option-btn:hover{background-color:#666}.save-option-btn:hover{background-color:#45a049}.checkbox-container,.checkbox-group{align-items:center;display:flex}.checkbox-container{cursor:pointer;margin-top:27px;padding:5px 0}.checkbox-container input[type=checkbox]{accent-color:#4caf50;height:18px;margin-right:8px;width:18px}.checkbox-label{color:#fff;font-size:14px;font-weight:400}.option-templates{padding:20px}.template-search{margin-bottom:20px}.template-search input{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;padding:10px 15px;width:100%}.template-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.template-category{background-color:#444;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.template-category.active{background-color:#4a90e2}.template-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.template-card{background-color:#333;border:1px solid #444;border-radius:6px;cursor:pointer;overflow:hidden;transition:all .2s}.template-card:hover{border-color:#4a90e2;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.template-card-header{background-color:#444;border-bottom:1px solid #555;padding:12px}.template-card-title{color:#fff;font-size:15px;font-weight:600;margin:0}.template-card-body{padding:12px}.template-card-description{color:#aaa;font-size:13px;margin:0 0 10px}.template-card-options{color:#ccc;font-size:12px}.use-template-btn{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:10px;padding:8px;transition:all .2s;width:100%}.use-template-btn:hover{background-color:#3a7fd2}.template-modal{background-color:#0f172a;border-radius:8px;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease;z-index:20}.template-modal.open{transform:translateY(0)}.option-set-builder{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 20px #0009;margin:0 auto;max-width:700px;padding:0;position:relative;width:100%}.option-set-builder form{padding:25px}.quick-templates{background-color:#ffffff0d;border-bottom:1px solid #444;margin-bottom:20px;padding:15px 20px}.quick-templates p{color:#ccc;font-size:14px;margin:0 0 10px}.template-buttons{display:flex;flex-wrap:wrap;gap:8px}.template-buttons button{background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s}.template-buttons button:hover{background-color:#555}.option-list{background-color:#333;border:1px solid #444;border-radius:4px;margin-top:10px;max-height:300px;overflow-y:auto}.option-list:empty{align-items:center;background-color:#ffffff08;border:1px dashed #555;color:#888;display:flex;font-style:italic;justify-content:center;min-height:100px}.option-list:empty:after{content:"Your added options will appear here"}.option-list-item{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:10px 15px}.option-list-item:last-child{border-bottom:none}.option-list-item-content{align-items:center;display:flex;gap:10px}.option-list-item .option-name{color:#fff;font-weight:500}.option-list-item .option-price{background-color:#4a90e233;border-radius:3px;color:#4a90e2;font-size:12px;font-weight:600;padding:2px 6px}.option-list-item-actions{align-items:center;display:flex;gap:10px}.default-checkbox{align-items:center;cursor:pointer;display:flex}.default-checkbox input{accent-color:#4caf50;margin-right:5px}.default-checkbox span{color:#ccc;font-size:13px}.remove-option-btn{background:none;border:none;border-radius:3px;color:#e53935;cursor:pointer;font-size:13px;padding:3px 5px;transition:all .2s}.remove-option-btn:hover{background-color:#e539351a}input[type=text],select{box-sizing:border-box;height:29px}.add-option-form{align-items:center;display:flex;gap:10px;height:29px;margin-top:15px}.add-option-name{flex:1 1;max-width:250px}.price-input-mini{align-items:center;display:flex;flex:0 0 70px}.currency-symbol-price{color:#fff;font-weight:500;left:8px;pointer-events:none;position:absolute;z-index:1}.add-option-button{box-sizing:border-box;line-height:27px}.add-option-button:hover{background-color:#45a049}.add-option-button:disabled{background-color:#555;cursor:not-allowed}.button-container{border-top:1px solid #444;margin-top:30px;padding-top:20px;width:100%}.button-container,.buttons-wrapper{display:flex;justify-content:center}.buttons-wrapper{gap:15px;width:auto}.button-table{border-collapse:collapse;border-top:1px solid #444;margin-top:30px;padding-top:20px;table-layout:fixed;width:100%}.button-table tr{height:42px}.button-table td{padding:0;text-align:center;vertical-align:middle;width:50%}.cancel-button,.save-button{border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;height:42px;letter-spacing:.5px;line-height:42px;margin:0 auto;padding:0;text-align:center;text-transform:uppercase;transition:all .2s;width:140px}.save-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#555;color:#fff}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.7}.option-group-interface{background-color:#333;border:1px solid #444;border-radius:8px;margin-top:30px;overflow:hidden}.option-group-header{align-items:center;background-color:#222;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:15px}.option-group-title{color:#fff;font-size:16px;margin:0}.option-group-controls{display:flex;gap:8px}.option-group-delete-btn,.option-group-edit-btn{background:none;border:none;border-radius:3px;color:#aaa;cursor:pointer;font-size:13px;padding:5px 10px;transition:all .2s}.option-group-edit-btn:hover{background-color:#ffffff1a;color:#fff}.option-group-delete-btn:hover{background-color:#e539351a;color:#e53935}.option-group-body{padding:15px}.option-group-type-indicator{border-radius:12px;color:#fff;display:inline-block;font-size:12px;margin-left:10px;padding:3px 8px}.option-group-type-multiple{background-color:#4caf50}.option-group-type-single{background-color:#2196f3}.option-group-type-text{background-color:#9c27b0}.option-group-preview{margin-top:10px}.option-group-preview-multiple,.option-group-preview-single{display:flex;flex-wrap:wrap;gap:10px}.option-group-preview-item{align-items:center;background-color:#444;border-radius:4px;color:#fff;display:flex;font-size:13px;gap:5px;padding:3px 8px}.option-group-preview-price{color:#4a90e2;font-weight:500}.option-group-preview-item.is-default{border:1px solid #4caf50}.option-group-preview-text{background-color:#444;border-radius:4px;color:#999;font-style:italic;padding:10px}.option-sets-manager{margin-top:20px}.option-groups-list{display:flex;flex-direction:column;gap:20px}.no-option-sets-message{background-color:#ffffff0d;border-radius:4px;color:#aaa;margin-bottom:20px;padding:20px;text-align:center}.no-option-sets-message p{font-size:14px;margin:0}.option-group-custom-note{border-top:1px dashed #444;color:#999;font-size:13px;font-style:italic;margin-top:10px;padding-top:10px}.option-group-preview-item{position:relative}.option-group-preview-item.is-default:after{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;width:16px}.label-helper{color:#aaa;display:block;font-size:13px;font-weight:400;margin-top:3px}label{display:block;margin-bottom:8px}.form-group{margin-bottom:15px}.add-option-table{border-collapse:collapse;border-spacing:0;margin-top:15px;width:100%}.add-option-table tr{height:29px}.add-option-table td{padding:0 5px;vertical-align:middle}.name-cell{width:60%}.price-cell{width:15%}.add-btn-cell{text-align:left;width:25%}.add-option-name{background-color:#333;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;height:29px;line-height:29px;padding:0 10px;width:100%}.price-input-mini{height:29px;position:relative;width:100%}.add-option-price{background-color:#333;border:1px solid #444;border-radius:4px;box-sizing:border-box;padding:0 10px 0 20px;text-align:right;width:100%}.add-option-button,.add-option-price{color:#fff;height:29px;line-height:29px}.add-option-button{background-color:#4caf50;border:none;border-radius:4px;cursor:pointer;font-weight:500;text-align:center;transition:background-color .2s;width:80px}.success-message{background-color:#4caf501a;border-left:3px solid #4caf50;color:#4caf50}.error-message,.success-message{font-weight:600;margin:0 0 20px;padding:15px;text-align:center}.error-message{background-color:#f443361a;border-left:3px solid #f44336;color:#f44336}.add-option-set-button{align-items:center;background-color:#374151;border:1px solid #4b5563;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:.75rem;padding:10px;transition:background-color .2s ease;width:100%}.add-option-set-button:hover{background-color:#4b5563;border-color:#6b7280}.add-option-set-button:focus{outline:2px solid #6b7280;outline-offset:2px}.add-option-set-button svg{height:1rem;width:1rem}.option-set-builder-container{position:relative;width:100%;z-index:20}.option-set-builder{background-color:#1f2937;border-radius:.5rem;box-shadow:0 10px 25px -5px #00000080;overflow:hidden}div.options-row{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:space-between!important;margin-bottom:16px!important;max-height:38px!important;min-height:38px!important;padding:0!important;width:100%!important}.option-input,div.options-row{box-sizing:border-box!important;height:38px!important}.option-input{background-color:#333!important;border:1px solid #444!important;border-radius:4px!important;color:#fff!important;flex:1 1!important;font-size:14px!important;line-height:1.5!important;padding:8px 12px!important}.price-input-container{height:38px!important;position:relative!important;width:100%!important}.price-input-container,.price-input-dollar-sign{align-items:center!important;display:flex!important}.price-input-dollar-sign{color:#888!important;font-family:sans-serif!important;font-size:14px!important;height:14px!important;justify-content:center!important;left:12px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;-webkit-user-select:none!important;user-select:none!important;z-index:10!important}.price-input-field{background-color:#333!important;border:1px solid #444!important;border-radius:4px!important;box-sizing:border-box!important;color:#fff!important;font-size:14px!important;height:38px!important;line-height:1.5!important;padding:8px 12px 8px 24px!important;text-align:right!important;width:100%!important}.price-input-field::-webkit-inner-spin-button,.price-input-field::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.price-input-field[type=number]{-moz-appearance:textfield!important}button.option-add-button{align-items:center!important;background-color:#4caf50!important;border:none!important;border-radius:4px!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;height:38px!important;justify-content:center!important;line-height:1.5!important;margin:0!important;max-height:38px!important;min-width:80px!important;overflow:hidden!important;padding:8px 16px!important;text-align:center!important;transition:background-color .2s!important;width:auto!important}.category-checkbox-container{grid-gap:4px!important;background-color:#1f293766!important;border:1px solid #37415199!important;border-radius:.375rem!important;box-shadow:inset 0 1px 2px #0000001a!important;display:grid!important;gap:4px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:12rem!important;overflow-y:auto!important;padding:10px!important}.category-checkbox-label{align-items:center!important;border-radius:.25rem!important;color:#e5e7eb!important;cursor:pointer!important;display:flex!important;font-size:.75rem!important;font-weight:400!important;margin:0!important;padding:4px 8px!important;text-shadow:none!important;transition:all .15s ease-in-out!important}.category-checkbox-label:hover{background-color:#3741514d!important}.category-checkbox-label input[type=checkbox]{accent-color:#64748b!important;background-color:#3741514d!important;border:1px solid #4b5563cc!important;border-radius:.125rem!important;box-sizing:border-box!important;height:.75rem!important;margin:0 .5rem 0 0!important;min-height:.75rem!important;min-width:.75rem!important;width:.75rem!important}.category-checkbox-label span{color:#e5e7eb!important;display:inline-block!important;font-size:.75rem!important;font-weight:400!important;letter-spacing:.02em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.category-checkbox-label input[type=checkbox]:checked{background-color:#64748b!important;border-color:#64748b!important}.save-changes-button{background-color:#4b5563!important;border:none!important;border-radius:4px!important;box-shadow:0 1px 3px #0003!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;min-width:160px!important;padding:10px 20px!important;text-transform:uppercase!important;transition:all .2s!important}.save-changes-button:hover:not(:disabled){background-color:#374151!important;box-shadow:0 2px 4px #0000004d!important;transform:translateY(-1px)!important}.save-changes-button:disabled{cursor:not-allowed!important;opacity:.7!important}.modal-overlay.active{opacity:1;pointer-events:auto}.confirmation-modal{color:#fff}.confirmation-modal h3{font-weight:500}.confirmation-modal p{line-height:1.5}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn{background-color:initial;border:1px solid #666!important;color:#ccc}.cancel-btn:hover{background-color:#ffffff1a;border-color:#999!important}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}.custom-scrollbar::-webkit-scrollbar{height:10px;width:10px}.custom-scrollbar::-webkit-scrollbar-track{background-color:#1e293b4d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#64748b80;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#64748bb3}.custom-scrollbar{scrollbar-color:#64748b80 #1e293b4d;scrollbar-width:thin}.categories-container{background-color:#1e1e1e;background-color:var(--dark-bg,#1e1e1e);color:#fff;height:100%;overflow-y:auto;padding:20px;position:relative}.categories-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.categories-header h2{font-size:1.75rem;font-weight:600;margin:0}.drag-instruction{color:#888;font-size:12px;font-weight:400;margin:4px 0 0}.add-category-btn{align-items:center;background-color:#2196f3;background-color:var(--button-bg,#2196f3);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:auto;justify-content:center;padding:10px 16px;transition:all .3s ease;width:auto}.add-category-btn:hover{background-color:#1976d2;background-color:var(--button-hover-bg,#1976d2);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.add-category-btn:active{transform:translateY(0)}.add-category-btn i{font-size:18px;transition:transform .3s ease}.modal-overlay.active .add-category-btn i{transform:rotate(45deg)}.categories-list{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 120px);overflow-y:auto;padding:4px}.category-item{align-items:center;background-color:#1e1e1e;background-color:var(--card-background,#1e1e1e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;box-shadow:0 2px 8px #0003;cursor:grab;display:flex;margin-bottom:8px;overflow:visible;padding:8px 10px;position:relative;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.category-item:hover{background-color:#282828;background-color:var(--button-hover-bg,#282828);border-color:#444;border-color:var(--primary-color,#444)}.category-item:hover .category-actions{animation:pulse 1.5s infinite;display:flex!important;opacity:1!important;visibility:visible!important}.category-item.has-items{border-color:#4caf50;border-color:var(--primary-color,#4caf50);box-shadow:0 0 16px #4caf50,0 0 8px #4caf50,0 2px 8px #0003!important;box-shadow:0 0 16px var(--primary-color,#4caf50),0 0 8px var(--primary-color,#4caf50),0 2px 8px #0003!important}.category-item.no-items{border-color:#f44336;box-shadow:0 0 16px #f44336,0 0 8px #f44336,0 2px 8px #0003!important}.category-item.base-category:before{background-color:#2196f3;background-color:var(--primary-color,#2196f3)}.category-item.user-category:before{background-color:#f44336;background-color:var(--secondary-text-color,#f44336)}.category-item.base-category.has-items:before,.category-item.user-category.has-items:before{background-color:#4caf50;background-color:var(--primary-color,#4caf50)}.category-item[data-dragging=true]{background-color:#3d3d3d!important;background-color:var(--button-hover-bg,#3d3d3d)!important;box-shadow:0 8px 16px #0000004d;transform:scale(1.02);z-index:100}.category-content{align-items:center;display:flex;flex-grow:1;position:relative;width:100%}.drag-handle{border-radius:4px;color:#777;cursor:grab;padding:6px;transition:all .2s ease}.category-item:hover .drag-handle{background-color:#ffffff0d;color:#aaa}.category-info{background-color:initial!important;display:flex;flex-direction:column;flex-grow:1;gap:2px}.category-info .category-name,.category-info .item-description,.category-info .items-count,.category-info span{background-color:initial!important;color:#fff!important;color:var(--text-color,#fff)!important}.category-name{color:#fff!important;display:block;margin-bottom:2px;overflow:hidden}.category-name,.item-description{text-overflow:ellipsis;white-space:nowrap}.item-description{align-items:center;color:#888;display:flex;flex-wrap:nowrap;font-size:10px;margin-top:2px}.category-item.base-category .category-name,.category-item.user-category .category-name{color:#fff}.category-actions{align-items:center;gap:8px;margin-left:10px;margin-right:-5px;padding:5px;position:relative;z-index:10}.delete-category-btn,.edit-category-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:8px;position:relative;transition:all .2s ease;z-index:20}.delete-category-btn svg,.edit-category-btn svg{color:currentColor;height:18px;width:18px}.edit-category-btn:hover{background-color:#2196f340;color:#2196f3;transform:scale(1.1)}.delete-category-btn:hover{background-color:#f4433640;color:#f44336;transform:scale(1.1)}@media (prefers-color-scheme:dark){.delete-category-btn,.edit-category-btn{color:#aaa}}.categories-loading{align-items:center;color:#ccc;display:flex;flex-direction:column;font-size:18px;height:100%;justify-content:center;padding:40px;text-align:center}.categories-error{background-color:#fff8f8;border:1px solid #ffcdd2;border-radius:8px;color:#d32f2f;margin:20px auto;max-width:600px;padding:20px}.categories-error h3{font-size:18px;margin-top:0}.categories-error ul{margin-bottom:20px;text-align:left}.categories-error li{margin-bottom:8px}.retry-btn{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s}.retry-btn:hover{background-color:#b71c1c}.modal-overlay{background-color:#000000b3}.modal-content{background-color:#1e1e1e;background-color:var(--card-background,#1e1e1e);border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:24px;width:320px}.modal-content h3{color:#fff;font-size:20px;font-weight:500;margin:0 0 16px}.modal-content input,.modal-content textarea{background-color:#2d2d2d;background-color:var(--background-color,#2d2d2d);border:1px solid #3d3d3d;border:1px solid var(--border-color,#3d3d3d);border-radius:8px;color:#fff;font-size:14px;margin-bottom:20px;padding:12px;resize:none;transition:all .2s ease;width:100%}.modal-content input:focus,.modal-content textarea:focus{border-color:#2196f3;border-color:var(--primary-color,#2196f3);box-shadow:0 0 0 2px #2196f333;box-shadow:0 0 0 2px var(--primary-color,#2196f333);outline:none}.modal-content .modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-content .modal-actions button{padding:8px 16px}.modal-content .save-btn{background-color:var(--button-bg,#2196f3)}.modal-content .save-btn:hover{background-color:var(--button-hover-bg,#1976d2)}.confirmation-modal{background-color:#1e1e1e;background-color:var(--card-background,#1e1e1e);border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:24px;text-align:center;width:320px}.confirmation-modal h3{color:#fff;font-size:20px;margin:0 0 16px}.confirmation-modal p{color:#ccc;font-size:16px;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-content .modal-actions button{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-content .cancel-btn{background-color:initial;border:1px solid #666;color:#fff}.modal-content .cancel-btn:hover{background-color:#ffffff1a;border-color:#999}.modal-content .save-btn{background-color:#2196f3;border:none;color:#fff}.modal-content .save-btn:hover{background-color:#1976d2;transform:translateY(-1px)}.modal-content .save-btn:disabled{background-color:#666;cursor:not-allowed;transform:none}.confirmation-modal .modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.confirmation-modal .cancel-btn{background-color:initial;border:1px solid #666;color:#ccc}.confirmation-modal .cancel-btn:hover{background-color:#ffffff1a;border-color:#999}.confirmation-modal .delete-btn{background-color:#dc3545;color:#fff}.confirmation-modal .delete-btn:hover{background-color:#c82333}.preview-categories{background-color:#f8f9fa;background-color:var(--phone-background-color,#f8f9fa);display:flex;flex-direction:column;height:100%;overflow-y:auto}.preview-category{align-items:center;background-color:#fff;background-color:var(--phone-card-background,#fff);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);color:#333;color:var(--phone-text-color,#333);cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s ease}.preview-category:hover{background-color:#2d2d2d;background-color:var(--button-hover-bg,#2d2d2d)}.preview-category .category-name{color:#333;color:var(--phone-text-color,#333);font-size:16px;font-weight:500;margin-bottom:4px}.preview-category .item-description{align-items:center;color:#888;display:flex;font-size:14px;gap:8px;margin-top:4px}.preview-category .bullet-separator{color:#666;font-size:4px;line-height:14px;vertical-align:middle}.preview-category i{color:#666;font-size:14px}.preview-category:hover i{color:#999}.preview-header{background-color:#4a90e2;background-color:var(--primary-color,#4a90e2);border-radius:8px 8px 0 0;color:#fff;margin-bottom:16px;padding:16px;position:relative;text-align:center}.preview-header h1{color:#fff;font-size:20px;font-weight:600;margin:0}.preview-bottom-nav{background-color:#162737;border-top:1px solid #0003;bottom:0;box-shadow:0 -1px 3px #0000001a;display:flex;justify-content:center;left:0;padding:6px 0;position:fixed;right:0;z-index:1000}.preview-bottom-nav .nav-item{align-items:center;background-color:initial;color:#fff9;cursor:pointer;display:flex;flex-direction:column;font-size:11px;justify-content:center;margin:0 15px;padding:6px 16px;transition:color .2s;width:70px}.preview-bottom-nav .nav-item.active{background-color:initial;color:#4a9eff}.preview-bottom-nav .nav-item svg{stroke:currentColor;stroke-width:2;fill:none;height:20px;margin-bottom:2px;width:20px}.preview-bottom-nav .nav-item span{font-size:10px;font-weight:500;margin-top:2px}.preview-category-actions{align-items:center;display:flex;gap:12px}.preview-delete-btn,.preview-edit-btn{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;opacity:0;padding:8px;transition:all .2s ease}.category-item:hover .preview-delete-btn,.category-item:hover .preview-edit-btn,.preview-category:hover .preview-delete-btn,.preview-category:hover .preview-edit-btn{opacity:1}.preview-edit-btn:hover{background-color:#2196f31a;color:#2196f3}.preview-delete-btn:hover{background-color:#f443361a;color:#f44336}.preview-category-actions .fa-chevron-right{color:#666;font-size:14px}.notification{animation:fadeIn .3s ease forwards,fadeOut .3s ease 4s forwards;background-color:#1e1e1e;background-color:var(--card-background,#1e1e1e);border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;opacity:1;padding:12px 20px;position:fixed;right:20px;top:20px;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;z-index:1000}.notification.success{background-color:#4dabf7;border-left:4px solid #228be6;color:#fff}.notification.error{background-color:#dc3545;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px);visibility:hidden}}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #2196f34d;border-radius:50%;border-top-color:#2196f3;display:inline-block;height:40px;margin-bottom:10px;width:40px}.phone-content .category-item,.phone-content .category-row{background-color:initial!important}.phone-content .category-description,.phone-content .category-heading,.phone-content .category-name,.phone-content .items-count{background-color:initial!important;color:inherit!important}.phone-content .category-detail{background-color:initial!important}.phone-content .category-item-count{background-color:initial!important;font-size:.75rem;opacity:.8}.category-item .category-description,.category-item .category-item-count,.category-item .item-count,.category-item .item-description,.category-item .items-count{background-color:initial!important;color:#ffffffb3!important;white-space:nowrap}.categories-list span,.category-item span,.right-sidebar .category-content,.right-sidebar .category-item,.right-sidebar .category-row,[class*=category] [class*=count],[class*=category] [class*=item]{background-color:initial!important}.categories-list span,.category-info span,.category-item .item-description span,.category-item span,[class*=category] [class*=count]{background-color:initial!important;display:inline-block;white-space:nowrap!important}.item-description span{display:inline-block!important;white-space:nowrap!important}.item-count{color:#ffffffb3!important;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.3px;line-height:1;margin-top:0;white-space:nowrap}.has-items-badge{background-color:#4caf50;background-color:var(--primary-color,#4caf50)}.no-items-badge{background-color:#f44336;background-color:var(--secondary-text-color,#f44336)}.item-count-display{margin-top:0}.preview-categories .category-grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(2,1fr);overflow-y:auto;padding:10px}.category-grid-item{aspect-ratio:1/1;background-color:#2a2a2a;background-color:var(--card-background,#2a2a2a);border-radius:8px;box-shadow:0 2px 4px #0003;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.category-grid-item:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.category-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.category-image-placeholder{align-items:center;background-color:#333;display:flex;height:100%;justify-content:center;width:100%}.category-name-overlay{background-color:#0009;border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:0;color:#fff;font-size:14px;font-weight:500;left:0;overflow:hidden;padding:8px 10px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.category-item.has-items:hover{box-shadow:0 0 20px #4caf50,0 0 12px #4caf50,0 4px 12px #0000004d!important;box-shadow:0 0 20px var(--primary-color,#4caf50),0 0 12px var(--primary-color,#4caf50),0 4px 12px #0000004d!important}.category-item.no-items:hover{box-shadow:0 0 20px #f44336,0 0 12px #f44336,0 4px 12px #0000004d!important}.menu-item-detail{display:flex;flex-direction:column;height:100%;overflow-y:auto!important;padding:0;position:relative}.menu-item-detail-image{background-color:#333;display:block;height:200px;overflow:visible;position:relative;width:100%}.menu-item-detail-image img{display:block;height:100%;object-fit:cover;width:100%}.menu-item-detail-image .no-image{align-items:center;color:#fff;display:flex;font-size:.9rem;height:100%;justify-content:center}.back-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:0}.image-back-button{align-items:center;background-color:#0006;border-radius:50%;display:flex;height:38px;justify-content:center;left:15px;position:absolute;top:15px;width:38px;z-index:10}.menu-item-detail-info{padding:15px}.menu-item-detail-name{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 5px}.menu-item-detail-price{color:#2a9d8f;font-size:1.2rem;font-weight:600;margin:0 0 10px}.menu-item-detail-description{color:#555;line-height:1.5;margin:0 0 20px}.menu-item-options{padding:0 15px}.option-group{margin-bottom:25px}.option-group-title{border-bottom:1px solid #eee;color:#333;font-size:.8rem;font-size:1.4rem;font-weight:600;margin:0 0 5px;padding-bottom:8px}.option-items-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.option-item{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:6px;display:flex;padding:8px;transition:background-color .2s}.option-item.selected,.option-item:hover{background-color:#e6f7f5;border-color:#2a9d8f;color:#333;font-size:1.4rem;font-weight:600;margin:0 0 5px}.option-item input{accent-color:#2a9d8f;margin-right:8px}.option-item-label{display:flex;flex:1 1;flex-direction:column}.option-item-name{border-color:#2a9d8f;color:#333;font-size:.9rem;font-weight:500;margin-bottom:2px}.option-item-price{color:#2a9d8f;font-size:.8rem;font-weight:500}.special-instructions{margin-bottom:20px;padding:0 15px}.special-instructions label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.special-instructions textarea{border:1px solid #ddd;border-radius:4px;height:80px;padding:10px;resize:none;width:100%}.options-error{color:#e63946;font-size:.9rem;margin-bottom:15px;padding:10px 15px}.loading{color:#555;padding:15px;text-align:center}.cart-controls{align-items:center;background-color:#fff;border-top:1px solid #eee;bottom:0;display:flex;margin-top:auto;padding:15px;position:sticky;z-index:5}.quantity-controls{align-items:center;display:flex;margin-right:15px}.quantity-button{align-items:center;background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.quantity-display{font-weight:600;margin:0 10px;min-width:30px;text-align:center}.add-to-cart-button{background-color:#2a9d8f;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:background-color .2s}.add-to-cart-button:hover{background-color:#238a7d}.add-to-cart-button:disabled{background-color:#ccc;cursor:not-allowed}.total-price{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eee;border-top:1px solid #eee;bottom:60px;display:flex;justify-content:space-between;padding:15px;position:sticky;z-index:4}.total-price-label{color:#333;font-weight:600}.total-price-value{color:#2a9d8f;font-size:1.2rem;font-weight:600}#root,body{margin:0;overflow-x:hidden;padding:0}.cart-panel{background-color:#fff;bottom:0;box-sizing:border-box;height:100vh;left:0;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(0);transition:transform .3s ease-in-out;z-index:9999}.cart-panel,body,html{margin:0;overflow-x:hidden;padding:0;width:100vw}body,html{height:100%}.cart-panel.hidden{transform:translateX(100%)}@media screen and (max-width:768px){.cart-panel{border-radius:0;left:0;margin:0;max-width:none;padding:0;right:0;transform:translateX(0);width:100%}.cart-panel.hidden{transform:translateX(100%)}}.cart-button{background-color:#2a9d8f;border:none;bottom:70px;box-shadow:0 2px 10px #0003;cursor:pointer;font-size:1.3rem;height:50px;position:fixed;right:20px;width:50px;z-index:100}.cart-button,.cart-count{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.cart-count{background-color:#e63946;font-size:.8rem;font-weight:600;height:22px;position:absolute;right:-5px;top:-5px;width:22px}.cart-panel::-webkit-scrollbar{width:6px}.cart-panel::-webkit-scrollbar-track{background:#f1f1f1}.cart-panel::-webkit-scrollbar-thumb{background:#2a9d8f;border-radius:3px}.cart-content{box-sizing:border-box;padding:0 15px;width:100%}.cart-item img{height:auto;max-width:80px;object-fit:cover}.cart-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin:0;padding:10px 0}.cart-item,.checkout-button{box-sizing:border-box;width:100%}.checkout-button{background-color:#2a9d8f;border:none;border-radius:4px;color:#fff;font-weight:600;margin-top:15px;padding:15px}.menu-item-detail::-webkit-scrollbar{width:6px}.menu-item-detail::-webkit-scrollbar-track{background:#f1f1f1}.menu-item-detail::-webkit-scrollbar-thumb{background:#888;border-radius:3px}:root{--primary-color:#4a90e2;--menu-background:#1e1e1e;--card-background:#2a2a2a;--text-color:#fff;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--category-text-color:var(--primary-color);--description-background:#333;--description-text-color:#aaa}.mobile-menu-container{background-color:#f8f9fa;background-color:var(--phone-background-color,#f8f9fa);color:#333;color:var(--phone-text-color,#333);display:flex;flex-direction:column;font-family:Arial,sans-serif;font-family:var(--phone-font-family,Arial,sans-serif);height:100%;padding-bottom:0;position:relative}.mobile-menu-content{flex:1 1;overflow-y:auto;padding:0 15px}.mobile-menu-content::-webkit-scrollbar{width:4px}.mobile-menu-content::-webkit-scrollbar-track{background:#0000}.mobile-menu-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.mobile-menu-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.mobile-menu-header{align-items:center;background-color:#2a9d8f;background-color:var(--phone-primary-color,#2a9d8f);display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;position:sticky;top:0;z-index:10}.mobile-menu-header h1{color:#fff;font-size:20px;font-weight:500;margin:0}.header-actions{gap:10px}.filter-toggle,.layout-toggle{align-items:center;background-color:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.filter-toggle:hover,.layout-toggle:hover{background-color:#ffffff4d}.add-button{align-items:center;background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.category-filter-dropdown{background-color:#333;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-height:300px;overflow-y:auto;position:absolute;right:10px;top:60px;width:200px;z-index:100}.filter-option{border-bottom:1px solid #444;border-left:3px solid #0000;color:#eee;cursor:pointer;padding:12px 16px;transition:all .25s cubic-bezier(.2,0,.2,1);will-change:background-color,border-left-color}.filter-option:last-child{border-bottom:none}.filter-option:hover{background-color:#3a3a3a;border-left-color:#4a90e2;border-left-color:var(--primary-color,#4a90e2)}.filter-option.active{background-color:#333;border-left:3px solid #4a90e2;border-left:3px solid var(--primary-color,#4a90e2);color:#fff}.menu-category{margin-bottom:25px}.category-heading{align-items:center;background-color:#333;background-color:var(--description-background,#333);border-bottom:1px solid #333;color:#4a90e2;color:var(--category-text-color,var(--primary-color));display:flex;font-size:18px;font-weight:600;margin:0;padding:10px 15px;transition:color .3s ease,background-color .3s ease}.category-heading:before{background-color:#4a90e2;background-color:var(--primary-color);border-radius:2px;content:"";display:inline-block;height:18px;margin-right:10px;width:4px}.phone-content .h2-category-heading,.phone-content h2.category-heading,h2.category-heading{background-color:#333!important;background-color:var(--description-background,#333)!important;color:#4a90e2!important;color:var(--category-text-color,var(--primary-color))!important;transition:color .3s ease,background-color .3s ease}.menu-items-list{flex:1 1;overflow-y:auto;padding:0 10px}.menu-item-row{background-color:#2a2a2a;background-color:var(--card-background);border-left:4px solid #4a90e2;border-left:4px solid var(--primary-color,#4a90e2);box-shadow:0 2px 4px #0003;cursor:pointer;margin-bottom:10px;padding:15px;position:relative;transition:all .25s cubic-bezier(.2,0,.2,1);will-change:transform,box-shadow,border-left-width}.menu-item-row:hover{border-left-width:6px;box-shadow:0 4px 10px #0006;transform:translateY(-1px)}.menu-item-row .menu-item-content{display:flex;flex:1 1;flex-direction:column;padding-right:15px}.menu-item-row .menu-item-image{align-items:center;display:flex;height:60px;justify-content:center;min-width:60px;width:60px}.menu-item-row .menu-item-image img{border-radius:6px;height:100%;object-fit:cover;width:100%}.chevron-right{color:#888;font-size:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.menu-items-grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(2,1fr);overflow-y:auto;padding:10px 10px 0}.menu-item-card-grid{background-color:#2a2a2a;background-color:var(--card-background);border-radius:8px;border-top:4px solid #4a90e2;border-top:4px solid var(--primary-color,#4a90e2);box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .25s cubic-bezier(.2,0,.2,1);will-change:transform,box-shadow,border-top-width}.menu-item-card-grid:hover{border-top-width:6px;box-shadow:0 4px 10px #0006;transform:translateY(-1px)}.menu-item-image-grid{height:100px;position:relative;width:100%}.menu-item-image-grid img{height:100%;object-fit:cover;width:100%}.menu-item-content-grid{display:flex;flex:1 1;flex-direction:column;padding:10px}.menu-categories-container{flex:1 1;height:100%!important;overflow-y:auto;padding:0 5px}.menu-item-name{color:#fff;color:var(--text-color);font-size:16px;font-weight:600;margin-bottom:4px}.menu-item-price{color:#4caf50;color:var(--price-color);font-size:15px;font-weight:500;margin-bottom:8px}.menu-item-description{background-color:#333;background-color:var(--description-background,#0000);border-radius:4px;color:#aaa;color:var(--description-text-color,#aaa);font-size:14px;line-height:1.4;padding:5px;transition:color .3s ease,background-color .3s ease}.item-description,.phone-content .item-description,div.menu-item-description{background-color:#333!important;background-color:var(--description-background,#0000)!important;border-radius:4px;color:#aaa!important;color:var(--description-text-color,#aaa)!important;padding:5px;transition:color .3s ease,background-color .3s ease}.no-image{align-items:center;background-color:#333;border-radius:6px;color:#888;display:flex;font-size:10px;height:100%;justify-content:center;width:100%}.error,.loading{color:#aaa;padding:20px;text-align:center}.error{color:#e74c3c}.nav-tabs{background-color:#1a1a1a;border-top:1px solid #333;bottom:0;left:0;padding:0;position:fixed;right:0;width:100%;z-index:100}.nav-tabs,.nav-tabs .tab{align-items:center;margin:0}.nav-tabs .tab{background-color:initial;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:8px 0;text-decoration:none;transition:all .2s ease}.nav-tabs .tab:hover:not(.active){background-color:#ffffff0d}.nav-tabs .tab.active{background-color:#ffffff1a}.nav-tabs .tab i{font-size:20px;margin-bottom:4px}.nav-tabs .tab span{font-size:12px;font-weight:500;margin-top:2px}.categories-only-view{padding:10px 0}.categories-only-view .category-row{align-items:center;background-color:#2a2a2a;background-color:var(--card-background,#2a2a2a);border-bottom:1px solid #333;border-left:3px solid #0000;border-radius:8px;color:#fff;color:var(--text-color,#fff);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:15px;transition:all .25s cubic-bezier(.2,0,.2,1);will-change:background-color,border-left-color,box-shadow}.categories-only-view .category-row:hover{background-color:#333;border-left-color:#4a90e2;border-left-color:var(--primary-color,#4a90e2);box-shadow:0 2px 8px #0000004d}.categories-only-view .category-name{flex:1 1}.categories-only-view .category-name h3{color:#fff;color:var(--text-color,#fff);font-size:16px;font-weight:600;margin:0 0 5px}.categories-only-view .category-description{color:#aaa;font-size:12px;margin:0}.categories-only-view .chevron-right{color:#888;font-size:20px}.mobile-menu-container.categories-view{background-color:#1e1e1e;background-color:var(--menu-background,#1a1a1a);color:#fff;color:var(--text-color,#fff)}.mobile-menu-container.categories-view .mobile-menu-header{background-color:#1e1e1e;background-color:var(--menu-background,#1a1a1a);border-bottom:none}.mobile-menu-container.categories-view h1{color:#fff;color:var(--text-color,#fff);font-size:1.5rem;padding:.5rem 0}.mobile-menu-container.categories-view .category-row{background-color:#2a2a2a;background-color:var(--card-background,#2a2a2a);border-left:3px solid #0000;border-radius:8px;cursor:pointer;margin:.5rem 1rem;padding:1rem;transition:all .25s cubic-bezier(.2,0,.2,1);will-change:background-color,border-left-color,box-shadow}.mobile-menu-container.categories-view .category-row:hover{background-color:#333;border-left-color:#4a90e2;border-left-color:var(--primary-color,#4a90e2);box-shadow:0 2px 8px #0000004d}.mobile-menu-container .category-heading,.mobile-menu-container .item-count,.mobile-menu-container .menu-category h2,.mobile-menu-container [class*=category] h2,.mobile-menu-container h2.category-heading,body .phone-content .category-heading,body .phone-content .item-count,body .phone-content .menu-category h2,body .phone-content [class*=category] h2,body .phone-content h2.category-heading,html .phone-content .category-heading,html .phone-content .item-count,html .phone-content .menu-category h2,html .phone-content [class*=category] h2,html .phone-content h2.category-heading{background-color:initial!important;background-image:none!important;background:none!important;padding:8px!important}.mobile-menu-container .category-item-count,.mobile-menu-container .item-count,.mobile-menu-container .items-count,.mobile-menu-container [class*=count],.mobile-menu-container [class*=item] [class*=count],body .phone-content .category-item-count,body .phone-content .item-count,body .phone-content .items-count,body .phone-content [class*=count],body .phone-content [class*=item] [class*=count],html .phone-content .category-item-count,html .phone-content .item-count,html .phone-content .items-count,html .phone-content [class*=count],html .phone-content [class*=item] [class*=count]{background-color:initial!important;background-image:none!important;background:none!important;font-size:.75rem;opacity:.7}.mobile-menu-container .description-container,.mobile-menu-container .item-description,.mobile-menu-container .menu-item-description,.mobile-menu-container [class*=description],body .phone-content .description-container,body .phone-content .item-description,body .phone-content .menu-item-description,body .phone-content [class*=description],html .phone-content .description-container,html .phone-content .item-description,html .phone-content .menu-item-description,html .phone-content [class*=description]{background-color:initial!important;background-image:none!important;background:none!important;margin-top:4px!important;padding:4px 8px!important}.mobile-menu-container .category-item-count,.mobile-menu-container .item-count,.mobile-menu-container .items-count{background:none!important;display:inline-block!important;padding:0!important;white-space:nowrap!important}.mobile-menu-container .category-description{display:inline-flex!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.categories-view .category-count,.categories-view .category-description,.categories-view .category-name{display:inline-block!important;vertical-align:middle!important;white-space:nowrap!important}.categories-view .category-row span,.category-item span{display:inline-block!important;white-space:nowrap!important}.menu-categories-container:after,.menu-items-grid:after,.menu-items-list:after{content:"";display:block;height:0}.menu-layout-rounded-images .menu-item-card-grid .menu-item-image-grid img,.menu-layout-rounded-images .menu-item-row .menu-item-image img{border-radius:50%!important;height:100%;object-fit:cover;width:100%}.menu-layout-rounded-images .menu-item-card-grid .menu-item-image-grid{overflow:visible}.menu-manager{background-color:#2a2a2a;background-color:var(--card-background,#2a2a2a);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.menu-manager-header{align-items:center;background-color:#1a1a1a;background-color:var(--background-color,#1a1a1a);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.menu-manager-header h2{color:#fff;color:var(--text-color,#fff);font-size:18px;font-weight:600;margin:0}.header-actions{flex-wrap:wrap;gap:8px}.header-actions .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.header-actions .action-btn.primary{background-color:#2196f3;background-color:var(--primary-color,#2196f3);color:#fff}.header-actions .action-btn.primary:hover{background-color:#1976d2;background-color:var(--primary-hover,#1976d2);transform:translateY(-1px)}.header-actions .action-btn.secondary{background-color:#4a4a4a;border:1px solid #666;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin:0 4px;padding:6px 12px;transition:all .2s ease}.header-actions .action-btn.secondary:hover{background-color:#5a5a5a;border-color:#777}.empty-menu{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 16px;text-align:center}.empty-menu h3{color:#fff;color:var(--text-color,#fff);font-size:16px;margin:0 0 8px}.empty-menu p{color:#aaa;color:var(--secondary-text-color,#aaa);font-size:14px;margin:0 0 20px}.categories-accordion{flex:1 1;overflow-y:auto;padding:12px}.menu-category-accordion{background-color:#2a2a2a;background-color:var(--card-background,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;margin-bottom:12px;overflow:hidden;transition:all .25s cubic-bezier(.2,0,.2,1)}.menu-category-accordion:hover{border-color:#2196f3;border-color:var(--primary-color,#2196f3);box-shadow:0 2px 8px #2196f31a}.menu-category-accordion.dragging{box-shadow:0 8px 24px #0000004d;opacity:.8;transform:scale(1.02);z-index:1000}.category-header{align-items:center;background-color:#1a1a1a;background-color:var(--background-color,#1a1a1a);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);cursor:pointer;display:flex;min-height:48px;padding:12px;transition:background-color .2s ease}.category-header:hover{background-color:#252525;background-color:var(--hover-bg,#252525)}.category-drag-handle{align-items:center;border-radius:4px;cursor:grab;display:flex;height:24px;justify-content:center;margin-right:8px;opacity:.6;padding:4px;transition:opacity .2s ease;width:24px}.category-drag-handle:hover{background-color:#333;background-color:var(--hover-color,#333);opacity:1}.category-drag-handle:active{cursor:grabbing}.drag-dots{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(2,1fr);height:12px;width:12px}.drag-dots .dot{background-color:#aaa;background-color:var(--secondary-text-color,#aaa);border-radius:50%;height:2px;width:2px}.category-expand-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;color:var(--text-color,#fff);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-right:8px;transition:all .2s ease;width:28px}.category-expand-btn:hover{background-color:#2196f3;background-color:var(--primary-color,#2196f3);color:#fff}.category-info{flex:1 1;margin-right:8px;min-width:0}.category-name{color:#fff;color:var(--text-color,#fff);font-size:14px;font-weight:600;line-height:1.2;margin:0 0 2px}.category-item-count{color:#aaa;color:var(--secondary-text-color,#aaa);font-size:11px;font-weight:500}.category-actions{display:flex;flex-shrink:0;gap:4px;opacity:0;transition:opacity .2s ease}.category-header:hover .category-actions{opacity:1}.category-actions .action-btn.small{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.category-actions .action-btn.secondary{background-color:initial;border:1px solid #333;border:1px solid var(--border-color,#333);color:#aaa;color:var(--secondary-text-color,#aaa)}.category-actions .action-btn.secondary:hover{background-color:#2196f3;background-color:var(--primary-color,#2196f3);border-color:#2196f3;border-color:var(--primary-color,#2196f3);color:#fff}.category-actions .action-btn.danger{background-color:initial;border:1px solid #333;border:1px solid var(--border-color,#333);color:#aaa;color:var(--secondary-text-color,#aaa)}.category-actions .action-btn.danger:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.category-content{background-color:#2a2a2a;background-color:var(--card-background,#2a2a2a);border-top:1px solid #333;border-top:1px solid var(--border-color,#333)}.empty-category{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px 16px;text-align:center}.empty-category p{color:#aaa;color:var(--secondary-text-color,#aaa);font-size:14px;margin:0 0 16px}.category-items{padding:12px}.menu-item-card{background-color:#1a1a1a;background-color:var(--background-color,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;max-width:100%;overflow:hidden;padding:12px;transition:all .2s ease;width:100%}.menu-item-card:hover{border-color:#2196f3;border-color:var(--primary-color,#2196f3);box-shadow:0 2px 8px #2196f31a}.item-image{background-color:#333;background-color:var(--border-color,#333);border-radius:4px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.item-image img{height:100%;object-fit:cover;width:100%}.item-placeholder{align-items:center;background-color:#333;background-color:var(--border-color,#333);color:#aaa;color:var(--secondary-text-color,#aaa);display:flex;font-size:10px;height:100%;justify-content:center;text-align:center;width:100%}.item-details{min-width:0;overflow:hidden}.item-name{color:#fff;color:var(--text-color,#fff);font-size:14px;font-weight:600;line-height:1.2;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#aaa;color:var(--secondary-text-color,#aaa);display:-webkit-box;font-size:12px;line-height:1.3;margin:0 0 6px;overflow:hidden}.item-price{color:#2196f3;color:var(--primary-color,#2196f3);font-size:14px;font-weight:600}.additional-category-badge{background-color:#2196f3;background-color:var(--primary-color,#2196f3);border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:500;margin-top:4px;padding:2px 6px}.item-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:4px;opacity:0;transition:opacity .2s ease}.menu-item-card:hover .item-actions{opacity:1}.add-item-section{background-color:#1a1a1a;background-color:var(--background-color,#1a1a1a);border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;justify-content:center;padding:16px}.add-item-section .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.category-drag-overlay{background-color:#2a2a2a;background-color:var(--card-background,#2a2a2a);border:1px solid #2196f3;border:1px solid var(--primary-color,#2196f3);border-radius:8px;box-shadow:0 8px 24px #0000004d;color:#fff;color:var(--text-color,#fff);font-weight:600;opacity:.9;padding:12px 16px}.categories-accordion::-webkit-scrollbar{width:6px}.categories-accordion::-webkit-scrollbar-track{background:#1a1a1a;background:var(--background-color,#1a1a1a);border-radius:10px}.categories-accordion::-webkit-scrollbar-thumb{background:#333;background:var(--border-color,#333);border-radius:10px}.categories-accordion::-webkit-scrollbar-thumb:hover{background:#2196f3;background:var(--primary-color,#2196f3)}@media (max-width:768px){.menu-manager-header{align-items:stretch;flex-direction:column;gap:12px}.header-actions{justify-content:center}.category-header{padding:10px}.category-name{font-size:13px}.category-item-count{font-size:10px}.menu-item-card{gap:10px;padding:10px}.item-image{height:40px;width:40px}.item-name{font-size:13px}.item-description{font-size:11px}.item-price{font-size:13px}}:root{--price-color:#4caf50;--preview-background:#e0e0e0;--app-shell-bg:#f8f9fa;--sidebar-bg:#fff;--topbar-bg:#f5f5f5;--rightbar-bg:#f5f5f5}.dark-theme{--primary-color:#38b2a8;--primary-hover:#2ea79c;--background-color:#121212;--card-background:#1e1e1e;--text-color:#fff;--secondary-text-color:#b0b0b0;--border-color:#333;--shadow-color:#0003;--price-color:#5acf5f;--preview-background:#2a2a2a;--app-shell-bg:#18181b;--sidebar-bg:#23232b;--topbar-bg:#23232b;--rightbar-bg:#23232b}:root{--phone-primary-color:#2a9d8f;--phone-background-color:#f8f9fa;--phone-card-background:#fff;--phone-text-color:#333;--phone-price-color:#4caf50;--phone-category-text-color:#666;--phone-description-text-color:#777;--phone-description-background:#eee;--phone-font-family:Arial,sans-serif}.app-builder{background-color:#f8f9fa!important;background-color:var(--app-shell-bg,#f8f9fa)!important;color:#333;color:var(--text-color,#fff);display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:background-color .3s ease,color .3s ease}.dark-theme .app-builder{background-color:#1a1a1a;color:#fff}.sidebar{border-color:#e9ecef;border-color:var(--border-color,#3d3d3d);display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:20px;position:relative;transition:none!important;z-index:10}.left-sidebar,.sidebar{background-color:#fff!important;background-color:var(--sidebar-bg,#fff)!important}.left-sidebar{border-right:1px solid #e9ecef;border-right:1px solid var(--border-color,#3d3d3d);z-index:20}.sidebar-item{border-radius:8px;padding:12px 16px;position:relative;transition:all .2s ease;z-index:5}.sidebar-item,.sidebar-item:hover{color:#333!important;color:var(--text-color,#333)!important}.sidebar-item:hover{background-color:#7952461a;transform:translateX(4px)}.sidebar-item.active{background-color:#79524633!important;border-left:4px solid #795246cc;color:#333!important;color:var(--text-color,#333)!important}.dark-theme .sidebar-item{color:#fff!important}.dark-theme .sidebar-item:hover{background-color:#79524666;color:#fff!important}.dark-theme .sidebar-item.active{background-color:#79524699!important;border-left:4px solid #fff;color:#fff!important}.sidebar-item svg{color:#333!important;color:var(--text-color,#333)!important;height:20px;margin-right:12px;min-width:20px}.dark-theme .sidebar-item svg{color:#fff!important}.sidebar-item:hover svg{color:#333!important;color:var(--text-color,#333)!important}.dark-theme .sidebar-item:hover svg{color:#fff!important}.sidebar-btn{align-items:center;background:none;border:none;border-radius:8px;color:#333;color:var(--text-color,#fff);cursor:pointer;display:flex;font-size:14px;padding:12px 16px;position:relative;transition:all .2s ease;width:100%;z-index:5}.sidebar-btn:hover{background-color:#f8f9fa;background-color:var(--background-color,#3d3d3d);transform:translateX(4px)}.left-sidebar .sidebar-btn.active,.left-sidebar .sidebar-btn.active:hover,.sidebar-btn.active,.sidebar-btn.active:hover{background-color:#4a90e2!important;background-color:var(--active-color,#4a90e2)!important;color:#fff!important;font-weight:500}.sidebar-btn i{font-size:1.1em;margin-right:12px;text-align:center;width:20px}.preview-container{align-items:center;background-color:initial!important;display:flex;flex-direction:column;height:100%;justify-content:flex-start;min-height:calc(100vh - 60px);overflow-y:auto;padding-bottom:0;padding-left:0;padding-right:0;position:relative;width:100%}.preview-container:before{background:radial-gradient(circle at center,#f0f0f0 0,#d5d5d5 100%)!important;bottom:0;content:"";left:0;opacity:1;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.preview-container .phone-frame{border:8px solid #1a1a1a!important;border-radius:36px;box-shadow:0 25px 80px 8px #0006,0 15px 35px 2px #0000004d,0 8px 15px 1px #0003,0 0 0 1px #0000001a,inset 0 1px 0 #ffffff1a!important;flex-shrink:0;margin:20px auto;overflow:hidden;pointer-events:auto;position:relative;transform:scale(.9);transform-box:border-box;transform-origin:center center;transition:transform .25s cubic-bezier(.2,0,.2,1),box-shadow .3s ease;will-change:transform;z-index:1}.phone-theme-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dark-theme .phone-content,.phone-content,:root.dark-theme .phone-content,:root:not(.dark-theme) .phone-content,body.dark-theme .phone-content,body:not(.dark-theme) .phone-content,html.dark-theme .phone-content,html:not(.dark-theme) .phone-content{background-color:#f8f9fa!important;background-color:var(--phone-background-color)!important;color:#333!important;color:var(--phone-text-color)!important;font-family:Arial,sans-serif!important;font-family:var(--phone-font-family)!important}.dark-theme .phone-content .mobile-menu-header,.dark-theme .phone-content .preview-header,.phone-content .mobile-menu-header,.phone-content .preview-header,:root.dark-theme .phone-content .mobile-menu-header,:root.dark-theme .phone-content .preview-header,:root:not(.dark-theme) .phone-content .mobile-menu-header,:root:not(.dark-theme) .phone-content .preview-header{background-color:#2a9d8f!important;background-color:var(--phone-primary-color)!important;color:#fff!important}.dark-theme .phone-content .item-name,.dark-theme .phone-content .menu-item-name,.phone-content .item-name,.phone-content .menu-item-name,:root.dark-theme .phone-content .item-name,:root.dark-theme .phone-content .menu-item-name,:root:not(.dark-theme) .phone-content .item-name,:root:not(.dark-theme) .phone-content .menu-item-name{color:#333!important;color:var(--phone-text-color)!important}.dark-theme .phone-content .item-price,.dark-theme .phone-content .menu-item-price,.phone-content .item-price,.phone-content .menu-item-price,:root.dark-theme .phone-content .item-price,:root.dark-theme .phone-content .menu-item-price,:root:not(.dark-theme) .phone-content .item-price,:root:not(.dark-theme) .phone-content .menu-item-price{color:#4caf50!important;color:var(--phone-price-color,#4caf50)!important}.dark-theme .phone-content .item-description,.dark-theme .phone-content .menu-item-description,.phone-content .item-description,.phone-content .menu-item-description,:root.dark-theme .phone-content .item-description,:root.dark-theme .phone-content .menu-item-description,:root:not(.dark-theme) .phone-content .item-description,:root:not(.dark-theme) .phone-content .menu-item-description{background-color:initial!important;color:#777!important;color:var(--phone-description-text-color,#777)!important}.dark-theme .phone-content .category-heading,.phone-content .category-heading,:root.dark-theme .phone-content .category-heading,:root:not(.dark-theme) .phone-content .category-heading{background-color:initial!important;color:#666!important;color:var(--phone-category-text-color,#666)!important}.control-panel{color:#333;color:var(--text-color,#fff);display:flex;flex-direction:column;overflow-y:auto;padding:0;transition:color .3s ease}.control-panel:not(:has(.categories-container)){padding:16px}.control-panel h2{color:#333;color:var(--text-color,#fff);font-size:18px;font-weight:600;margin:0 0 12px;transition:color .3s ease}.action-btn{background-color:#2a9d8f;background-color:var(--primary-color,#2196f3);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff!important;font-size:14px;font-weight:500;gap:8px;height:auto;padding:10px 16px;transition:all .3s ease;width:auto}.action-btn:hover{background-color:#238a7d;background-color:var(--primary-hover,#1976d2);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn i{font-size:18px;transition:transform .3s ease}.dark-theme .action-btn{color:#fff!important}.menu-items-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.menu-item-row{align-items:center;background-color:#fff;background-color:var(--card-background,#252525);border-radius:8px;color:#333;color:var(--text-color,#fff);display:flex;padding:12px;transition:transform .2s ease,background-color .3s ease}.menu-item-row:hover{background-color:#e9ecef;background-color:var(--border-color,#2a2a2a);transform:translateX(4px)}.item-thumbnail{border:1px solid #e9ecef;border:1px solid var(--border-color,#333);border-radius:6px;height:50px;margin-right:12px;object-fit:cover;width:50px}.item-details{flex:1 1}.item-details h3{color:#333;color:var(--text-color,#fff);font-size:14px;margin-bottom:4px;transition:color .3s ease}.item-details p{color:#6c757d;color:var(--secondary-text-color,#999);font-size:12px;transition:color .3s ease}.menu-preview{grid-gap:16px;background-color:#f5f5f5;border-radius:20px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);max-height:100%;overflow-y:auto;padding:20px}.menu-preview .menu-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.menu-preview .menu-item img{height:120px;object-fit:cover;width:100%}.menu-preview .menu-item h3{color:#333;font-size:16px;margin:0;padding:12px}.menu-preview .menu-item p{color:#666;font-size:14px;margin:0;padding:0 12px}.menu-preview .menu-item .price{color:#4a90e2;display:block;font-weight:600;padding:12px}.sidebar-left{background-color:#f8f9fa;background-color:var(--background-color,#fff);border-right:1px solid #e9ecef;border-right:1px solid var(--border-color,#e0e0e0);padding:20px}.logo{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:20px;padding:20px 0}.logo h1{color:#2a9d8f;color:var(--primary-color,#4a90e2);font-size:24px;font-weight:700}.builder-nav ul{list-style:none;padding:0}.builder-nav li{align-items:center;background-color:initial;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin:5px 0;padding:15px;position:relative;transition:all .3s ease}.builder-nav li,.builder-nav li:hover{color:#333;color:var(--text-color,#333)}.builder-nav li:hover{background-color:#79524666}.builder-nav li.active{background-color:#79524699}.builder-nav li.active:before{background-color:#fff;border-bottom-left-radius:8px;border-top-left-radius:8px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.dark-theme .builder-nav li:hover{background-color:#79524666;color:#fff}.dark-theme .builder-nav li.active{background-color:#79524699;color:#fff}.builder-nav li:hover{background-color:#f5f5f5;background-color:var(--hover-bg,#f5f5f5);color:#2a9d8f;color:var(--primary-color,#4a90e2)}.builder-nav li.active{background-color:#2a9d8f;background-color:var(--primary-color,#4a90e2);color:#fff}.dark-theme .sidebar-left{background-color:#2a2a2a;border-right-color:#333}.dark-theme .builder-nav li{color:#fff}.dark-theme .builder-nav li:hover{background-color:#333;color:#2a9d8f;color:var(--primary-color,#4a90e2)}.main-content{background-color:#f8f9fa;background-color:var(--background-color);display:grid;flex:1 1;grid-template-columns:220px 1fr 300px;height:calc(100vh - 60px);min-height:calc(100vh - 60px);position:relative;transition:background-color .3s ease}.main-content>*{position:relative;z-index:5}.right-sidebar{background-color:#f5f5f5!important;background-color:var(--rightbar-bg,#f5f5f5)!important;border-left:1px solid #e9ecef;border-left:1px solid var(--border-color,#3d3d3d);display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden;width:300px;z-index:20}.right-sidebar .categories-container,.right-sidebar .control-panel,.right-sidebar .control-panel:has(.categories-container){display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto!important;padding:16px!important;scrollbar-color:#e9ecef #fff;scrollbar-color:var(--border-color,#444) var(--card-background,#2a2a2a);scrollbar-width:thin}.right-sidebar .theme-component-wrapper{flex:1 1;min-height:0}.categories-container,.categories-scroll-container,.right-sidebar .theme-component-wrapper{display:flex;flex-direction:column;overflow-y:auto!important;scrollbar-color:#e9ecef #fff;scrollbar-color:var(--border-color,#444) var(--card-background,#2a2a2a);scrollbar-width:thin}.categories-container,.categories-scroll-container{height:100%;max-height:calc(100vh - 110px);padding-bottom:80px!important;position:relative}.categories-list{flex:1 1;max-height:calc(100vh - 200px)!important;overflow-y:auto!important;position:relative;scrollbar-color:#e9ecef #fff;scrollbar-color:var(--border-color,#444) var(--card-background,#2a2a2a);scrollbar-width:thin}.categories-container::-webkit-scrollbar,.categories-list::-webkit-scrollbar,.categories-scroll-container::-webkit-scrollbar{background-color:#fff!important;background-color:var(--card-background,#2a2a2a)!important;display:block!important;height:8px!important;width:8px!important}.categories-container::-webkit-scrollbar-track,.categories-list::-webkit-scrollbar-track,.categories-scroll-container::-webkit-scrollbar-track{background:#fff!important;background:var(--card-background,#2a2a2a)!important;border-radius:4px!important}.categories-container::-webkit-scrollbar-thumb,.categories-list::-webkit-scrollbar-thumb,.categories-scroll-container::-webkit-scrollbar-thumb{background-color:#e9ecef!important;background-color:var(--border-color,#444)!important;border:2px solid #fff!important;border:2px solid var(--card-background,#2a2a2a)!important;border-radius:4px!important}.categories-container::-webkit-scrollbar-thumb:hover,.categories-list::-webkit-scrollbar-thumb:hover,.categories-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#2a9d8f!important;background-color:var(--primary-color,#4a90e2)!important}.add-category-btn{bottom:16px;left:0;margin:16px;position:sticky;width:calc(100% - 32px);z-index:10}.categories-container::-webkit-scrollbar,.right-sidebar .categories-container::-webkit-scrollbar,.right-sidebar .control-panel::-webkit-scrollbar{display:block!important;height:8px;width:8px}.categories-container::-webkit-scrollbar-track,.right-sidebar .categories-container::-webkit-scrollbar-track,.right-sidebar .control-panel::-webkit-scrollbar-track{background:#fff;background:var(--card-background,#2a2a2a);border-radius:4px}.categories-container::-webkit-scrollbar-thumb,.right-sidebar .categories-container::-webkit-scrollbar-thumb,.right-sidebar .control-panel::-webkit-scrollbar-thumb{background-color:#e9ecef;background-color:var(--border-color,#444);border:2px solid #fff;border:2px solid var(--card-background,#2a2a2a);border-radius:4px}.categories-container::-webkit-scrollbar-thumb:hover,.right-sidebar .categories-container::-webkit-scrollbar-thumb:hover,.right-sidebar .control-panel::-webkit-scrollbar-thumb:hover{background-color:#2a9d8f;background-color:var(--primary-color,#4a90e2)}.theme-controls{gap:20px}.control-group,.theme-controls{display:flex;flex-direction:column}.control-group{gap:8px}.control-group label{color:#999;font-size:14px}.control-group input,.control-group select{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;color:#fff;padding:8px}.menu-items-preview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:20px}.menu-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.menu-item img{height:100px;object-fit:cover;width:100%}.menu-item h3{color:#333;font-size:16px;margin:0;padding:10px}.menu-item p{color:#666;font-size:14px;margin:0;padding:0 10px}.menu-item .price{color:#4a90e2;display:block;padding:10px}.dashboard-link{background-color:#2d2d2d!important;margin-bottom:20px;text-decoration:none}.dashboard-link:hover{background-color:#3d3d3d!important}.top-bar{align-items:center;background-color:#f5f5f5!important;background-color:var(--topbar-bg,#f5f5f5)!important;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);display:flex;padding:10px 20px;position:relative;transition:none!important;width:100%;z-index:10}.back-button{flex-shrink:0;max-width:120px}.back-button .back-link{align-items:center;display:flex;font-size:14px;gap:4px;white-space:nowrap}.top-bar .back-link svg{margin-right:2px}.top-bar .back-link span{font-size:13px}.app-builder-header{align-items:center;display:flex;width:100%}.app-builder-header h1{color:#333;color:var(--text-color,#fff);font-size:20px;font-weight:600;margin:0;text-align:center}.header-left{flex:0 0 auto;margin-right:auto}.header-center,.header-left{align-items:center;display:flex}.header-center{gap:16px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.header-center h1{margin-right:8px}.header-right{flex:0 0 auto;justify-content:flex-end;margin-left:auto}.header-actions,.header-right{align-items:center;display:flex}.header-actions{gap:12px}.top-bar .back-link{align-items:center;color:#2a9d8f;color:var(--primary-color,#4a9eff);display:flex;font-weight:500;text-decoration:none;transition:color .3s ease}.top-bar .back-link svg{margin-right:8px}.top-bar .back-link:hover{color:#238a7d;color:var(--primary-hover,#3a7dcc)}.top-bar .page-title{color:#333;color:var(--text-color,#fff);font-size:18px;font-weight:600}.top-bar .icon-button,.top-bar .theme-toggle-btn{align-items:center;background-color:#24567f!important;background-color:var(--button-bg,#24567f)!important;border:none;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.dark-theme .top-bar .icon-button,.dark-theme .top-bar .theme-toggle-btn{background-color:#1d3557!important;background-color:var(--button-bg,#1d3557)!important;color:#fff!important}.top-bar .icon-button:hover,.top-bar .theme-toggle-btn:hover{background-color:#4a90e2;background-color:var(--button-hover-bg,#4a90e2);color:#fff;transform:translateY(-2px)}.top-bar .icon-button svg,.top-bar .theme-toggle-btn svg{color:#fff!important;height:24px;width:24px}.top-bar .icon-button:hover svg,.top-bar .theme-toggle-btn:hover svg{color:#fff!important}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background-color:#fff;background-color:var(--card-background,#2a2a2a);border-radius:8px;box-shadow:0 8px 30px #0000000d;box-shadow:0 8px 30px var(--shadow-color,#00000080);color:#333;color:var(--text-color,#fff);max-height:90vh;max-width:90%;overflow-y:auto;position:relative;transition:background-color .3s ease;width:600px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-btn{align-items:center;border-radius:50%;color:#aaa;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s;width:30px;z-index:10}.close-btn:hover{background-color:#ffffff1a;color:#fff}.modal-content input[type=number],.modal-content input[type=text],.modal-content select,.modal-content textarea{padding:8px}.modal-content input[type=file],.modal-content input[type=number],.modal-content input[type=text],.modal-content select,.modal-content textarea{background-color:#f8f9fa;background-color:var(--background-color,#1a1a1a);border:1px solid #e9ecef;border:1px solid var(--border-color,#444);border-radius:4px;color:#333;color:var(--text-color,#fff);font-size:14px;margin:0;transition:background-color .3s,color .3s,border-color .3s;width:100%}.modal-content input[type=file]{padding:6px}.modal-content label{color:#333;color:var(--text-color,#fff);display:block;font-size:14px;font-weight:500;margin:0 0 4px}.modal-content textarea{line-height:1.4;min-height:80px;resize:vertical}.modal-content select{cursor:pointer;height:38px}.modal-content select option{background-color:#f8f9fa;background-color:var(--background-color,#1a1a1a);color:#333;color:var(--text-color,#fff);font-size:14px;padding:6px}.modal-content ::placeholder{color:#6c757d;color:var(--secondary-text-color,#999);opacity:1}.modal-content button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;padding:8px 16px;transition:background-color .2s,opacity .2s}.modal-content button[type=submit]{background-color:#2a9d8f;background-color:var(--primary-color,#4caf50);color:#fff;margin-right:10px}.modal-content button[type=submit]:hover{background-color:#238a7d;background-color:var(--primary-hover,#3d9a41)}.modal-content button[type=button]{background-color:#6c757d;background-color:var(--secondary-text-color,#666);color:#fff}.modal-content button:hover{opacity:.9}.right-sidebar .menu-items-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:calc(100vh - 150px);overflow-y:auto;padding-right:6px}.right-sidebar .menu-item-row{align-items:flex-start;background-color:#fff!important;background-color:var(--card-background,#f5f5f5)!important;border-radius:6px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);color:#333!important;color:var(--text-color,#222)!important;cursor:pointer;display:flex;padding:10px;position:relative;transition:background-color .3s ease,transform .2s ease}.right-sidebar .menu-item-row:hover{background-color:#333;background-color:var(--button-hover-bg,#333);transform:translateX(4px)}.right-sidebar .item-thumbnail-container{display:flex;flex-direction:column;margin-right:10px;width:65px}.right-sidebar .item-thumbnail{border:1px solid #e9ecef;border:1px solid var(--border-color,#333);border-radius:4px;height:45px;margin-bottom:4px;object-fit:cover;width:45px}.right-sidebar .item-thumbnail-placeholder{align-items:center;background-color:#f8f9fa;background-color:var(--background-color,#333);border-radius:4px;color:#6c757d;color:var(--secondary-text-color,#888);display:flex;font-size:10px;height:45px;justify-content:center;margin-bottom:4px;transition:background-color .3s ease,color .3s ease;width:45px}.right-sidebar .item-category-row{align-items:center;display:flex;justify-content:space-between;width:65px}.right-sidebar .item-category{color:#6c757d;color:var(--secondary-text-color,#999);font-size:7px;max-width:45px;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.right-sidebar .item-price{color:#4caf50;color:var(--price-color,#4caf50);font-size:9px;font-weight:500;text-align:right;transition:color .3s ease}.right-sidebar .item-details{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.right-sidebar .item-details h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;color:var(--text-color,#fff);display:-webkit-box;font-size:12px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.right-sidebar .menu-items-list::-webkit-scrollbar{width:6px}.right-sidebar .menu-items-list::-webkit-scrollbar-track{background:#fff;background:var(--card-background);border-radius:10px}.right-sidebar .menu-items-list::-webkit-scrollbar-thumb{background:#e9ecef;background:var(--border-color);border-radius:10px}.right-sidebar .menu-items-list::-webkit-scrollbar-thumb:hover{background:#2a9d8f;background:var(--primary-color)}.delete-btn,.edit-btn{background:none;border:none;color:#fff;cursor:pointer;padding:5px}.delete-btn:hover,.edit-btn:hover{color:#4a90e2}.options-row{align-items:center;color:#aaa;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.item-controls{display:flex;gap:5px}.phone-content .nav-tabs{position:relative;z-index:10}.preview-container .phone-frame.cart-open{transform:scale(.95);transform-origin:center center}.preview-container .phone-frame:hover{box-shadow:0 35px 100px 12px #00000080,0 20px 45px 4px #0006,0 12px 20px 2px #0000004d,0 0 0 1px #00000026,inset 0 1px 0 #ffffff26!important;transform:scale(.92)}.preview-container .phone-frame .phone-content{height:100%;position:relative;z-index:2}.phone-content .cart-button,.preview-container .cart-button,.preview-container .phone-frame .cart-button{bottom:70px!important;display:flex!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;right:20px!important;visibility:visible!important;z-index:9999!important}.phone-content .category-heading,.phone-content .category-name,.phone-content .item-category,.phone-content h2.category-heading{background-color:initial!important;color:#666!important;color:var(--phone-category-text-color)!important}.phone-content .description-container,.phone-content .item-description,.phone-content .menu-item-description,.phone-content div.menu-item-description{background-color:initial!important;color:#777!important;color:var(--phone-description-text-color)!important}.phone-content .category-description,.phone-content .category-item-count,.phone-content .items-count{background-color:initial!important}.categories-container .category-content span,.categories-container .category-item .category-name,.categories-container .category-item .item-description,.categories-container .category-item .items-count,.categories-container .category-item [class*=count],.categories-container .category-item [class*=items],.categories-container [class*=count],.categories-list .category-item span,.categories-panel .categories-container .category-content,.categories-panel .categories-container .category-info,.categories-panel .categories-container .category-item,.categories-panel .categories-container [class*=count],.categories-panel .categories-container [class*=item],.category-info span,.right-sidebar .categories-container .category-content,.right-sidebar .categories-container .category-info,.right-sidebar .categories-container .category-item,.right-sidebar .categories-container [class*=count],.right-sidebar .categories-container [class*=item]{background-color:initial!important;background:none!important}.categories-container [class*=count]{color:#6c757d;color:var(--secondary-text-color,#999);font-size:.75rem;opacity:.7}.right-sidebar .category-item{background-color:#fff!important;border:1px solid #666;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#222!important;cursor:pointer;display:flex;flex-direction:column;margin-bottom:8px;padding:0;transition:all .2s ease}.right-sidebar .category-item:hover{background-color:#333!important;border-color:#2a9d8f;border-color:var(--primary-color,#4a90e2);transform:translateX(4px)}.right-sidebar .category-item.has-items{border-color:#2a9d8f;border-color:var(--primary-color,#4caf50)}.right-sidebar .category-item.no-items{border-color:#6c757d;border-color:var(--secondary-text-color,#f44336)}.right-sidebar .category-content{align-items:center;display:flex;gap:8px;padding:10px 12px}.right-sidebar .category-info{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.right-sidebar .category-name{color:#333!important;color:var(--text-color,#fff)!important;display:block;font-size:13px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-sidebar .item-count{color:#6c757d!important;color:var(--secondary-text-color,#aaa)!important;font-size:11px;line-height:1}.categories-panel{padding:16px 12px!important}.categories-panel .categories-container{margin-top:10px;padding:0!important}.categories-panel h2{margin-bottom:16px!important}.categories-panel .categories-list{margin-right:4px;padding:4px}.phone-content-loading{color:#333;color:var(--phone-text-color,#333);flex-direction:column;height:100%;padding:20px;text-align:center}.loading-animation,.phone-content-loading{align-items:center;display:flex;justify-content:center}.loading-animation{margin-bottom:15px}.loading-animation dotlottie-player{height:120px!important;width:120px!important}.top-bar .icon-button.active{background-color:#3b82f633!important;background-color:var(--button-hover-bg,#3b82f633)!important;color:#fff!important}.top-bar .icon-button.active svg{color:#fff}.web-preview-container{align-items:center;height:100vh;max-height:100vh}.web-browser-frame,.web-preview-container{display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.web-browser-frame{height:100%}.web-nav-button{flex:1 1;font-size:12px;max-width:120px;padding:8px 0}.web-nav-icon-wrapper{height:24px;margin-bottom:4px;width:24px}.web-preview-container .web-bottom-nav{position:absolute}.browser-header{align-items:center;border-bottom:1px solid #ddd;display:flex;flex-shrink:0;padding:8px 12px}.browser-address-bar{background-color:#f8f9fa!important;background-color:var(--button-bg,#f8f9fa)!important;border:1px solid #e9ecef;border:1px solid var(--border-color,#ddd);color:#fff!important;transition:all .2s ease}.browser-address-bar:hover{background-color:#e9ecef!important;background-color:var(--button-hover-bg,#e9ecef)!important}.address-text{color:#fff!important;font-size:14px;font-weight:500}.browser-actions{align-items:center;display:flex;gap:6px;margin-right:12px}.browser-action{border-radius:50%;display:inline-block;height:12px;width:12px}.browser-action.close{background-color:#ff5f57}.browser-action.minimize{background-color:#ffbd2e}.browser-action.maximize{background-color:#28c940}.browser-content{display:flex;flex:1 1;flex-direction:column;height:100%;max-height:calc(100% - 40px);overflow:hidden;position:relative}.web-scrollable-area{background-color:#f8f9fa;background-color:var(--phone-background-color);height:100%;overflow-y:auto!important;padding-bottom:60px;position:relative}.web-scrollable-area>div{height:auto}.web-scrollable-area .menu-categories-container,.web-scrollable-area .mobile-menu-container{display:block!important;flex:initial!important;height:auto!important;min-height:0!important;min-height:auto!important;overflow:visible!important}.web-scrollable-area::-webkit-scrollbar{width:10px}.web-scrollable-area::-webkit-scrollbar-track{background:#0000001a;border-radius:5px}.web-scrollable-area::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#2a9d8f;background-color:var(--primary-color,#2a9d8f);border:2px solid #0000;border-radius:5px}.web-scrollable-area::-webkit-scrollbar-thumb:hover{background-color:#238a7d;background-color:var(--primary-hover,#238a7d)}.web-nav-button-container{align-items:center;display:flex;justify-content:space-around;margin-top:20px;width:100%}.web-bottom-nav{background-color:#162737;border-top:1px solid #0003;box-shadow:0 -1px 3px #0000001a;flex-direction:row;position:absolute}.web-nav-button{padding:6px 16px}.web-nav-button.active,.web-nav-button.active .web-nav-icon,.web-nav-button.active span{color:#2a9d8f;color:var(--primary-color,#4a9eff)}.web-preview-container .web-scrollable-area .nav-tabs,.web-preview-container .web-scrollable-area .phone-content .nav-tabs{bottom:auto!important;left:0!important;margin-top:10px;position:relative!important;right:0!important;width:100%!important;z-index:10!important}.web-preview-container .web-scrollable-area{height:100%!important;overflow-y:auto!important}.web-preview-container .web-scrollable-area .phone-content{width:100%!important}.web-preview-container,.web-preview-container .browser-content,.web-preview-container .web-browser-frame,.web-preview-container .web-content-wrapper{height:100%!important}.web-preview-container .web-scrollable-area .mobile-menu-container{height:auto!important;overflow-y:auto!important;position:relative}.web-preview-container .web-scrollable-area .phone-content{height:100%!important;overflow-y:auto!important}.web-scrollable-area .mobile-menu-container{display:block!important}.web-scrollable-area .menu-categories-container,.web-scrollable-area .mobile-menu-container{flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important}.web-scrollable-area>div{height:auto!important;overflow:visible!important;width:100%}.web-scrollable-area{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.web-scrollable-area .menu-categories-container,.web-scrollable-area .mobile-menu-container{flex:1 1;overflow-y:auto}.web-preview-container .web-browser-frame .browser-content .web-scrollable-area .mobile-menu-container,.web-preview-container .web-browser-frame .browser-content .web-scrollable-area .mobile-menu-container .menu-categories-container{display:block!important;flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important}.web-cart-container .cart-panel{background-color:#fff;bottom:0;box-shadow:-2px 0 10px #0003;display:flex;flex-direction:column;height:100%!important;max-width:100%;overflow:hidden;pointer-events:auto;position:absolute!important;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:100%;z-index:1100}.web-cart-container .cart-panel.open{transform:translateX(0)}.web-cart-container .cart-button{bottom:70px;display:flex!important;opacity:1!important;pointer-events:auto;position:absolute!important;right:20px;transition:opacity .3s ease,visibility .3s ease;visibility:visible!important;z-index:1050}.web-cart-container .cart-panel.open+.cart-button{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.web-nav-button span{font-size:12px}.web-bottom-nav{position:relative}.web-bottom-nav .web-nav-group-left,.web-bottom-nav .web-nav-group-right{display:flex;gap:12px}.web-bottom-nav .separator{background-color:#ffffff4d;height:24px;margin:0 16px;width:1px}.phone-home-content{background-color:#f8f9fa;background-color:var(--phone-background-color,#f8f9fa);color:#333;color:var(--phone-text-color,#333);display:flex;flex-direction:column;font-family:Arial,sans-serif;font-family:var(--phone-font-family,Arial,sans-serif);gap:15px;padding:15px;position:relative}.home-banner{border-radius:8px;margin-bottom:10px;max-height:150px;object-fit:cover;width:100%}.exceptions-section h3,.weekly-hours-section h3{border-bottom:1px solid #eee;border-bottom:1px solid var(--phone-description-background,#eee);color:#2a9d8f;color:var(--phone-primary-color,#2a9d8f);font-size:1.1em;font-weight:600;margin-bottom:8px;padding-bottom:4px}.exceptions-list,.hours-list{list-style:none;margin:0;padding:0}.day-hours-item,.exception-item{display:flex;font-size:.9em;justify-content:space-between;line-height:1.4;padding:4px 0}.day-label{font-weight:500;margin-right:10px}.hours-detail{text-align:right}.exception-date{font-weight:500;margin-right:10px;white-space:nowrap}.exception-detail{color:#666;color:var(--phone-category-text-color,#666);font-style:italic;text-align:right}.phone-home-links{border-top:1px solid #eee;border-top:1px solid var(--phone-description-background,#eee);display:flex;justify-content:space-around;margin-top:15px;padding-top:15px}.phone-home-link-btn{background:none;border:none;color:#2a9d8f;color:var(--phone-primary-color,#2a9d8f);cursor:pointer;font-size:.95em;font-weight:600;padding:5px 10px}.phone-home-link-btn:hover{text-decoration:underline}.home-settings-panel .form-group{margin-bottom:25px}.home-settings-panel h2,.home-settings-panel h3,.home-settings-panel label{color:#333!important;color:var(--text-color,#333)!important;font-weight:600}.home-settings-panel .help-text,.home-settings-panel .static-info,.home-settings-panel p{color:#6c757d!important;color:var(--secondary-text-color,#6c757d)!important;font-weight:500}.home-settings-panel .settings-link{color:#2a9d8f!important;color:var(--primary-color,#2a9d8f)!important;font-size:.9em;font-weight:600;margin-left:5px;text-decoration:underline}.current-banner-preview{border:1px solid #444;margin-bottom:10px;margin-top:10px;max-width:100%;padding:5px}.current-banner-preview img{display:block;height:auto;max-width:100%}.home-settings-panel .file-input{display:block;margin-top:8px}.control-panel .help-text{color:#6c757d!important;color:var(--secondary-text-color,#6c757d)!important;font-size:.85em;font-weight:500;margin-top:5px}.app-builder-header,.header-center h1,.section-title,.theme-section h3,.theme-section label,.top-bar{color:#222!important}.dark-theme .app-builder-header,.dark-theme .header-center h1,.dark-theme .right-sidebar,.dark-theme .section-title,.dark-theme .theme-section,.dark-theme .theme-section h3,.dark-theme .theme-section label,.dark-theme .top-bar{color:#fff!important}.theme-section input[type=color]{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #e9ecef;border:2px solid var(--border-color,#ccc);border-radius:6px;cursor:pointer;height:35px;overflow:hidden;padding:0;transition:border-color .2s ease;width:50px}.theme-section input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.theme-section input[type=color]::-moz-color-swatch{border:none;border-radius:4px}.theme-section input[type=color]:focus,.theme-section input[type=color]:hover{border-color:#2a9d8f;border-color:var(--primary-color,#2a9d8f)}.theme-section input[type=color]:focus{box-shadow:0 0 0 2px #2a9d8f33;outline:none}.dark-theme .theme-section input[type=color]{border-color:#e9ecef;border-color:var(--border-color,#444)}.dark-theme .theme-section input[type=color]:focus,.dark-theme .theme-section input[type=color]:hover{border-color:#2a9d8f;border-color:var(--primary-color,#38b2a8)}.dark-theme .theme-section input[type=color]:focus{box-shadow:0 0 0 2px #38b2a833}.color-picker-group{align-items:center;display:flex;gap:12px;padding:4px 0}.hex-value{background:#fff;background:var(--card-background,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-color,#e9ecef);border-radius:4px;color:#6c757d;color:var(--secondary-text-color,#6c757d);font-family:monospace;font-size:14px;min-width:70px;padding:4px 8px;text-align:center}.dark-theme .hex-value{background:#fff;background:var(--card-background,#2a2a2a);border-color:#e9ecef;border-color:var(--border-color,#444);color:#6c757d;color:var(--secondary-text-color,#b0b0b0)}.dark-theme .sidebar-item,.dark-theme .sidebar-item svg{color:#b0b0b0!important}.dark-theme .sidebar-item.active,.dark-theme .sidebar-item.active svg,.dark-theme .sidebar-item:hover,.dark-theme .sidebar-item:hover svg{color:#fff!important}.dark-theme .right-sidebar .menu-item-row,.dark-theme .right-sidebar .menu-item-row *{color:#333!important;color:var(--text-color,#fff)!important}.dark-theme .right-sidebar .category-item,.dark-theme .right-sidebar .category-item *,.dark-theme .right-sidebar .menu-item-row,.dark-theme .right-sidebar .menu-item-row *{background-color:#fff!important;background-color:var(--card-background,#23232b)!important}.dark-theme .theme-section option,.dark-theme .theme-section select,.dark-theme select,.dark-theme select option{background:#23232b!important;border:1px solid #444!important;color:#fff!important}.dark-theme .app-shell-bg,.dark-theme .right-sidebar,.dark-theme .right-sidebar .category-item,.dark-theme .right-sidebar .menu-item-row,.dark-theme .sidebar,.dark-theme .top-bar{background-color:#23232b!important;background-color:var(--dark-bg,#23232b)!important}.app-builder .action-btn,.control-panel .action-btn{align-items:center;background-color:#2a9d8f;background-color:var(--primary-color,#2196f3);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff!important;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:auto;justify-content:center;padding:10px 16px;transition:all .3s ease;width:auto}.app-builder .action-btn:hover,.control-panel .action-btn:hover{background-color:#238a7d;background-color:var(--primary-hover,#1976d2);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.app-builder .action-btn:active,.control-panel .action-btn:active{transform:translateY(0)}.app-builder .action-btn i,.control-panel .action-btn i{font-size:18px;transition:transform .3s ease}.dark-theme .app-builder .action-btn,.dark-theme .control-panel .action-btn{color:#fff!important}.phone-content .mobile-menu-container,.preview-container .phone-frame .phone-content,.preview-container .phone-frame .phone-content .mobile-menu-container{background-color:#f8f9fa!important;background-color:var(--phone-background-color,#f8f9fa)!important;color:#333!important;color:var(--phone-text-color,#333)!important;font-family:Arial,sans-serif!important;font-family:var(--phone-font-family,Arial,sans-serif)!important}.phone-content .mobile-menu-header,.preview-container .phone-frame .phone-content .mobile-menu-header{background-color:#2a9d8f!important;background-color:var(--phone-primary-color,#2a9d8f)!important;color:#fff!important}.mobile-menu-container.forceFullView .menu-item-name,.mobile-menu-container[data-is-web-view=true] .menu-item-name,.phone-content .item-name,.phone-content .menu-item-name,.preview-container .phone-frame .phone-content .item-name,.preview-container .phone-frame .phone-content .menu-item-name,.web-preview-container .item-name,.web-preview-container .menu-item-name,.web-scrollable-area .item-name,.web-scrollable-area .menu-item-name{color:#333!important;color:var(--phone-text-color,#333)!important}.mobile-menu-container.forceFullView .menu-item-price,.mobile-menu-container[data-is-web-view=true] .menu-item-price,.web-preview-container .item-price,.web-preview-container .menu-item-price,.web-scrollable-area .item-price,.web-scrollable-area .menu-item-price{color:#4caf50!important;color:var(--phone-price-color,#4caf50)!important}.mobile-menu-container.forceFullView .menu-item-description,.mobile-menu-container[data-is-web-view=true] .menu-item-description,.web-preview-container .item-description,.web-preview-container .menu-item-description,.web-scrollable-area .item-description,.web-scrollable-area .menu-item-description{background-color:#eee!important;background-color:var(--phone-description-background,#0000)!important;color:#777!important;color:var(--phone-description-text-color,#777)!important}.mobile-menu-container.forceFullView .category-heading,.mobile-menu-container[data-is-web-view=true] .category-heading,.web-preview-container .category-heading,.web-scrollable-area .category-heading{color:#666!important;color:var(--phone-category-text-color,#666)!important}.phone-content .item-price,.phone-content .menu-item-price,.preview-container .phone-frame .phone-content .item-price,.preview-container .phone-frame .phone-content .menu-item-price{color:#4caf50!important;color:var(--phone-price-color,#4caf50)!important}.phone-content .category-heading,.phone-content .category-name,.preview-container .phone-frame .phone-content .category-heading,.preview-container .phone-frame .phone-content .category-name{background-color:initial!important;color:#666!important;color:var(--phone-category-text-color,#666)!important}.phone-content .item-description,.phone-content .menu-item-description,.preview-container .phone-frame .phone-content .item-description,.preview-container .phone-frame .phone-content .menu-item-description{background-color:#eee!important;background-color:var(--phone-description-background,#eee)!important;color:#777!important;color:var(--phone-description-text-color,#777)!important}.about-settings-panel{padding:16px}.about-settings-panel .form-group{margin-bottom:20px}.about-settings-panel .form-group label{color:#333;color:var(--text-color,#333);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.about-settings-panel .help-text{color:#6c757d;color:var(--secondary-text-color,#6c757d);font-size:.85em;margin-bottom:5px;margin-top:5px}.about-settings-panel input,.about-settings-panel textarea{background-color:#fff;background-color:var(--card-background,#fff);border:1px solid #e9ecef;border:1px solid var(--border-color,#ddd);border-radius:4px;box-sizing:border-box;color:#333;color:var(--text-color,#333);font-size:14px;padding:8px 12px;resize:vertical;width:100%}.about-settings-panel input:focus,.about-settings-panel textarea:focus{border-color:#2a9d8f;border-color:var(--primary-color,#2a9d8f);box-shadow:0 0 0 2px #2a9d8f33;outline:none}.about-settings-panel .toggle-switch-container{align-items:center;display:flex;gap:10px;margin-bottom:10px}.about-settings-panel .toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.about-settings-panel .toggle-switch input{height:0;opacity:0;width:0}.about-settings-panel .toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.about-settings-panel .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.about-settings-panel input:checked+.toggle-slider{background-color:#2a9d8f;background-color:var(--primary-color,#2a9d8f)}.about-settings-panel input:checked+.toggle-slider:before{transform:translateX(20px)}.about-settings-panel .toggle-label{color:#333;color:var(--text-color,#333);font-size:14px}.about-settings-panel .description-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.about-settings-panel .btn-link{background:none;border:none;color:#2a9d8f;color:var(--primary-color,#2a9d8f);cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.about-settings-panel .btn-link:hover{color:#238a7d;color:var(--primary-hover,#238a7d)}.about-settings-panel .save-settings-btn{background-color:#2a9d8f;background-color:var(--primary-color,#2a9d8f);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.about-settings-panel .save-settings-btn:hover:not(:disabled){background-color:#238a7d;background-color:var(--primary-hover,#238a7d)}.about-settings-panel .save-settings-btn:disabled{cursor:not-allowed;opacity:.7}.dark-theme .about-settings-panel .form-group label,.dark-theme .about-settings-panel .toggle-label{color:#333;color:var(--text-color,#fff)}.dark-theme .about-settings-panel input,.dark-theme .about-settings-panel textarea{background-color:#fff;background-color:var(--card-background,#2a2a2a);border-color:#e9ecef;border-color:var(--border-color,#444);color:#333;color:var(--text-color,#fff)}.dark-theme .about-settings-panel input:focus,.dark-theme .about-settings-panel textarea:focus{border-color:#2a9d8f;border-color:var(--primary-color,#2a9d8f)}.web-bottom-nav{align-items:center;background-color:#1a1a1a;border-top:1px solid #ffffff1a;bottom:0;display:flex;justify-content:center;left:0;margin:0;padding:6px 0;position:fixed;right:0;width:100%;z-index:100}.web-nav-group-left,.web-nav-group-right{display:flex;justify-content:center;margin:0;padding:0}.web-nav-button{align-items:center;background-color:initial;color:#fff9;cursor:pointer;display:flex;flex-direction:column;font-size:11px;justify-content:center;margin:0 15px;padding:8px 16px;transition:all .2s ease;width:70px}.web-nav-button:hover:not(.active){background-color:#ffffff0d}.web-nav-button.active{background-color:#ffffff1a;color:#ffffffe6}.web-nav-icon-wrapper{align-items:center;display:flex;height:20px;justify-content:center;margin-bottom:2px;width:20px}.web-nav-icon{color:inherit;height:100%;width:100%}.web-nav-button span{color:inherit;font-size:10px;font-weight:500;margin-top:2px}.web-nav-button.active .web-nav-icon,.web-nav-button.active span{color:#ffffffe6}.web-nav-icon-wrapper svg{stroke:currentColor!important;stroke-width:2;fill:none!important;color:inherit;height:20px;width:20px}.web-preview-container .web-bottom-nav{margin:0 auto;max-width:1200px;width:100%}.category-form{background:#2a2a2a;background:var(--card-background,#2a2a2a);border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.category-form-header{align-items:center;background:#1a1a1a;background:var(--background-color,#1a1a1a);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;padding:20px 24px}.category-form-header h2{font-size:20px;font-weight:600;margin:0}.category-form-header h2,.close-btn{color:#fff;color:var(--text-color,#fff)}.close-btn{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:background-color .2s}.close-btn:hover:not(:disabled){background-color:#333;background-color:var(--hover-color,#333)}.close-btn:disabled{cursor:not-allowed;opacity:.5}.category-form-content{flex:1 1;overflow-y:auto;padding:24px}.form-group label{margin-bottom:6px}.form-group label,.form-input,.form-textarea{color:#fff;color:var(--text-color,#fff);font-size:14px}.form-input,.form-textarea{background:#1a1a1a;background:var(--input-background,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled,.form-textarea:disabled{cursor:not-allowed;opacity:.6}.form-textarea{min-height:80px;resize:vertical}.form-help{color:#888;color:var(--text-secondary,#888);display:block;font-size:12px;margin-top:4px}.form-actions{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);padding-top:20px}.btn{border-radius:6px;min-width:100px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#333;background:var(--secondary-background,#333);border:1px solid #444;border:1px solid var(--border-color,#444);color:var(--text-color,#fff)}.btn-secondary:hover:not(:disabled){background:#444;background:var(--hover-color,#444)}.btn-primary{background:#3b82f6;background:var(--primary-color,#3b82f6)}.btn-primary:hover:not(:disabled){background:#2563eb;background:var(--primary-hover,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.category-form{--card-background:#2a2a2a;--background-color:#1a1a1a;--text-color:#fff;--text-secondary:#888;--border-color:#333;--input-background:#1a1a1a;--hover-color:#333;--secondary-background:#333;--primary-color:#3b82f6;--primary-hover:#2563eb}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{height:100vh}.home{margin:0 auto;max-width:1200px;padding:40px 20px}.home,.home h1{text-align:center}.home h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4a90e2,#357abd);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;margin-bottom:1rem}.coming-soon{color:#666;font-size:1.2em;margin:20px 0}.features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:40px 0}.feature{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s}.feature:hover{transform:translateY(-5px)}.feature i{color:#4a90e2;font-size:2em;margin-bottom:15px}.feature h2{color:#333;margin:10px 0}.feature p{color:#666;line-height:1.5}@media (max-width:768px){.home h1{font-size:2.5rem}.coming-soon{font-size:1.5rem;margin-bottom:3rem}.features{grid-template-columns:1fr}}.builder-link{background-color:#4a90e2;border-radius:4px;color:#fff;display:inline-block;margin-top:30px;padding:12px 24px;text-decoration:none;transition:background-color .2s}.builder-link:hover{background-color:#357abd}.auth-links{display:flex;gap:20px;justify-content:center;margin-top:40px}.auth-button{display:inline-block;padding:12px 30px;text-decoration:none;transition:all .2s}.auth-button:not(.secondary){background-color:#4a90e2;color:#fff}.auth-button:not(.secondary):hover{background-color:#357abd}.auth-button.secondary{background-color:initial;border:2px solid #4a90e2;color:#4a90e2}.auth-button.secondary:hover{background-color:#f5f9ff}@media (max-width:768px){.features{grid-template-columns:1fr}.auth-links{align-items:center;flex-direction:column}.auth-button{text-align:center;width:200px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:30px;width:100%}.auth-form h2{color:#333;font-size:24px;margin-bottom:30px;text-align:center}.readonly-input{background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;color:#666;cursor:not-allowed;font-size:1rem;padding:10px;width:100%}.password-input-group{margin-bottom:10px}.password-input-wrapper input{border:1px solid #ddd}.password-input-wrapper input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.generate-password-btn{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:8px;justify-content:center;margin-top:10px;padding:10px;transition:all .3s ease;width:100%}.generate-password-btn:hover{background-color:#e0e0e0}.validation-message{font-size:.85rem;margin-left:8px}.validation-message.valid{color:#4caf50}.validation-message.invalid{color:#f44336}.auth-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px;transition:background-color .3s ease;width:100%}.auth-button:hover:not(:disabled){background-color:#45a049}.auth-button:disabled{background-color:#ccc;cursor:not-allowed}.auth-link{color:#666;margin-top:20px;text-align:center}.auth-link a{color:#4a90e2;margin-left:4px;text-decoration:none}.auth-link a:hover{color:#357abd;text-decoration:underline}.auth-link .text-button{color:#4a90e2;margin-left:4px;text-decoration:none}.auth-link .text-button:hover:not(:disabled),.auth-link a:hover:not(:disabled){color:#357abd;text-decoration:underline}.recaptcha-container{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;margin:20px 0;padding:10px}.recaptcha-container iframe{transform:scale(1);-webkit-transform:scale(1);transform-origin:0 0;-webkit-transform-origin:0 0}@media (max-width:480px){.auth-form{padding:20px}.auth-form h2{font-size:20px}.auth-button,.form-group input{font-size:14px}}.verify-form{max-width:500px}.verify-instructions{color:#666;line-height:1.5;margin-bottom:2rem;text-align:center}.verify-instructions strong{color:#333}.verification-code-container{display:flex;gap:8px;justify-content:center;margin:24px 0}.verification-digit{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-family:monospace;font-size:18px;height:40px;text-align:center;transition:all .3s ease;width:40px}.verification-digit:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.verification-digit:disabled{background:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed}.paste-button,.verification-input-group,.verification-inputs{display:none}.text-button{color:#666;display:inline-block;font:inherit;font-size:14px;margin:0;padding:0;text-decoration:none;transition:all .3s ease}.text-button:hover:not(:disabled){color:#4caf50}.text-button:disabled{cursor:default;opacity:.7}button[type=submit]{background:#e0e0e0;border:none;border-radius:4px;color:#666;cursor:pointer;display:block;font-size:14px;font-weight:500;letter-spacing:.5px;margin:20px auto;min-width:120px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease;width:auto}button[type=submit]:not(.disabled){background:#fff;border:1px solid #4caf50;color:#4caf50}button[type=submit]:not(.disabled):hover{background:#4caf50;box-shadow:0 2px 4px #4caf5033;color:#fff;transform:translateY(-1px)}button[type=submit]:not(.disabled):active{box-shadow:none;transform:translateY(0)}button[type=submit].disabled{background:#f5f5f5;border:1px solid #ddd;color:#999;cursor:not-allowed}.timer-container{color:#666;font-size:14px;margin:1rem 0;text-align:center}.timer-container span{color:#666;font-weight:500}.timer-container span.expiring{animation:pulse 1s infinite;color:#f44336}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.resend-button{display:none}.auth-button.disabled{background-color:#ccc;cursor:not-allowed}.g-recaptcha{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:10px}.g-recaptcha>div{margin:0 auto}.error-message{background-color:#ffffffe6;color:#f44;font-size:.9em;margin-top:4px;padding:4px 8px}button{width:auto}button,button:hover{background:none;box-shadow:none}button:hover{transform:none}.verification-input-group{align-items:center;background:#2b2b2b;border-radius:8px;display:flex;margin-bottom:20px;padding:8px;position:relative}.verification-input-group input{background:#0000;border:none;color:#fff;flex:1 1;font-family:monospace;font-size:24px;letter-spacing:4px;margin-right:8px;padding:8px}.verification-input-group input:focus{outline:none}.copy-button{color:#4caf50;margin:0;padding:8px;transition:color .3s ease;width:auto}.copy-button,.copy-button:hover{background:#0000;box-shadow:none}.copy-button:hover{color:#45a049;transform:none}.copy-button:active{box-shadow:none;transform:none}.copy-button .fa-check{color:#4caf50}.copy-button .fa-copy{color:#999}.verification-form{max-width:500px;padding:2rem;text-align:center}.verification-message{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:1rem 0;padding:1.5rem}.verification-message .email-address{color:#4caf50;font-size:1.1rem;font-weight:700;margin:.5rem 0;word-break:break-all}.verification-message .instructions{margin:1.5rem 0;text-align:left}.verification-message p{margin:.5rem 0}.expiring{color:#f44336;font-weight:700}.resend-container{margin-top:2rem}.resend-container button{background:none;border:none;color:#4caf50;cursor:pointer;font-weight:700;padding:.5rem;text-decoration:underline}.resend-container button.disabled{color:#aaa;cursor:not-allowed;text-decoration:none}.back-to-login{margin-top:1.5rem}.text-button{background:none;border:none;color:#2196f3;cursor:pointer;padding:.5rem;text-decoration:underline}.verification-result{max-width:500px}.verification-result .verification-message{padding:2rem;text-align:center}.verification-result .success{background-color:#e8f5e9;border:1px solid #c8e6c9}.verification-result .error{background-color:#ffebee;border:1px solid #ffcdd2}.verification-icon{font-size:3rem;margin-bottom:1rem}.success .verification-icon{color:#4caf50}.error .verification-icon{color:#f44336}.loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:40px;margin:20px auto;width:40px}.verification-result .auth-button{margin-top:1rem}.resend-link{background:none;border:none;color:#4caf50;cursor:pointer;font-weight:700;padding:0;text-decoration:underline}.password-input-group{display:flex;flex-direction:column;gap:10px;width:100%}.password-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-input-wrapper input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:10px 40px 10px 10px;transition:all .3s ease;width:100%}.toggle-password-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .3s ease;width:24px}.toggle-password-btn:hover{color:#333}.toggle-password-btn:focus{color:#4a90e2;outline:none}.forgot-password-container{margin-top:8px;text-align:right}.forgot-password-link{color:#4a90e2;font-size:.9rem;text-decoration:none;transition:color .3s ease}.forgot-password-link:hover{color:#357abd;text-decoration:underline}.message{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.message.success{background-color:#f0f9f0;border:1px solid #b7e1b7;color:#2e7d32}.message.error{background-color:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.welcome-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e9f2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.welcome-content{max-width:900px;text-align:center;width:100%}.welcome-content h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.welcome-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:2rem}.welcome-card h2{color:#2d3748;font-size:1.8rem;margin-bottom:1rem}.welcome-card>p{color:#4a5568;font-size:1.1rem;margin-bottom:2rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.feature-item{background:#f8fafc;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s ease}.feature-item:hover{transform:translateY(-5px)}.feature-icon{display:inline-block;font-size:2.5rem;margin-bottom:1rem}.feature-item h3{color:#2d3748;font-size:1.2rem;margin-bottom:.5rem}.feature-item p{color:#4a5568;font-size:.95rem}.welcome-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.primary-button,.secondary-button{border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.primary-button{background:#4caf50}.primary-button:hover{background:#43a047;transform:translateY(-1px)}.secondary-button{background:#fff;border:2px solid #4caf50;color:#4caf50}.secondary-button:hover{background:#f0fff1;transform:translateY(-1px)}@media (max-width:768px){.welcome-content h1{font-size:2rem}.features-grid{gap:1rem;grid-template-columns:1fr}.welcome-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}}.landing-container{background-color:#0b1121;display:flex;flex-direction:column;min-height:100vh}.landing-header{background:linear-gradient(180deg,#0b1121,#0b1121f2);color:#fff;padding:4rem 2rem;text-align:center}.landing-header h1{color:#00f2ea;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.tagline{color:#f8fafc;font-size:1.5rem;margin-bottom:2rem}.auth-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.btn-primary,.btn-secondary{align-items:center;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;letter-spacing:.05em;min-width:120px;padding:.75rem 2.5rem;text-transform:uppercase;transition:all .2s ease}.btn-primary{background:#00f2ea;border:none;color:#0b1121;font-size:1.1rem;min-width:200px;padding:1rem 3rem}.btn-primary:hover{background:#00dfd8;box-shadow:0 4px 12px #00f2ea4d;transform:translateY(-2px)}.btn-secondary{background-color:#f8fafc1a;border:1px solid #f8fafc33;color:#f8fafc}.btn-secondary:hover{background-color:#f8fafc26;border-color:#f8fafc4d;transform:translateY(-2px)}.landing-main{background-color:#0b1121;flex:1 1;padding:4rem 2rem}.features-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#f8fafc05;border:1px solid #f8fafc1a;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2.5rem 2rem;text-align:center;transition:transform .3s ease}.feature-card:hover{background:#f8fafc08;border-color:#00f2ea4d;transform:translateY(-5px)}.feature-icon{color:#00f2ea;height:2.5rem;margin-bottom:1.5rem;width:2.5rem}.feature-card h2{color:#f8fafc;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#94a3b8;line-height:1.6}.stats-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:6rem auto;max-width:1200px;padding:0 2rem}.stat-item{background:#f8fafc05;border:1px solid #f8fafc1a;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2.5rem 2rem;text-align:center}.stat-item h3{color:#00f2ea;font-size:2rem;font-weight:700;margin-bottom:1rem}.stat-item p{color:#94a3b8;line-height:1.6}.cta-section{background:#f8fafc05;border:1px solid #f8fafc1a;border-radius:1rem;box-shadow:0 4px 6px #0000001a;margin:6rem auto;max-width:800px;overflow:hidden;padding:3rem;position:relative;text-align:center}.cta-section:before{background:linear-gradient(90deg,#00f2ea,#0047e1);content:"";height:2px;left:0;position:absolute;right:0;top:0}.cta-section h2{color:#f8fafc;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-section p{color:#94a3b8;font-size:1.2rem;margin-bottom:2rem}.get-started-button{align-items:center;display:flex;flex-direction:column;gap:.5rem}.get-started-button span{display:block;letter-spacing:.1em;text-transform:uppercase}.tagline-subtle{color:#94a3b8;font-size:.9rem;font-weight:500;margin-top:1.5rem;opacity:.7}.landing-footer{background-color:#f8fafc05;border-top:1px solid #f8fafc1a;color:#94a3b8;padding:2rem;text-align:center}.cta-section .btn-primary{background:linear-gradient(90deg,#00f2ea,#36e4da);font-size:1.25rem;font-weight:700;letter-spacing:.1em;padding:1rem 4rem;text-transform:uppercase}.get-started-text{display:inline-block;white-space:nowrap}@media (max-width:768px){.landing-header h1{font-size:2.5rem}.tagline{font-size:1.2rem}.landing-main{padding:2rem 1rem}.features-section,.stats-section{grid-template-columns:1fr}.cta-section{margin:2rem 1rem;padding:2rem 1rem}.cta-section h2{font-size:1.5rem}.cta-section p{font-size:1rem}}.admin-navigation{height:100%;justify-content:space-between;overflow-y:auto;padding:15px 0}.nav-sections{display:flex;flex:1 1;flex-direction:column}.nav-actions{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;margin-top:20px;padding-top:15px}.nav-button,.nav-item{align-items:center;background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;margin-bottom:5px;padding:10px 20px;text-align:left;text-decoration:none;transition:all .2s ease}.nav-button svg,.nav-item svg{color:#ffffffb3;height:20px;margin-right:10px;width:20px}.nav-button:hover,.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-button:hover svg,.nav-item:hover svg{color:#fff}.nav-item.active{background-color:#fff3;color:#fff;font-weight:500}.nav-item.active svg{color:#fff}.nav-button{cursor:pointer}.user-info{border-top:1px solid #ffffff1a;margin-top:10px;padding:15px 20px}.user-info span{color:#fff}.user-info small{color:#ffffff80;margin-top:4px}.section-container{background-color:#f5f7fa}.section-header h1{color:#2c3e50}.time-range-selector select{background-color:#fff;border:1px solid #dcdfe6;color:#2c3e50}.cards-grid{margin-bottom:30px}.stat-card h3{color:#2c3e50;font-size:18px;margin:0 0 16px}.value{color:#2c3e50;font-size:32px;font-weight:600;margin-bottom:16px}.trend{color:#2c3e50;gap:8px}.trend i{font-size:16px}.trend.positive{color:#2ecc71}.trend.negative{color:#e74c3c}.trend.neutral{color:#95a5a6}.trend-details{color:#2c3e50;font-size:14px}.trend-details div{margin:4px 0}.charts-section{grid-gap:20px;gap:20px;margin-bottom:30px}.chart-container h3{color:#2c3e50;font-size:18px}.placeholder-chart{background-color:#f8f9fa;color:#95a5a6;font-size:14px}.table-container{background-color:#fff}.table-container h3{color:#2c3e50;font-size:18px;margin:0 0 16px}.data-table td,.data-table th{border-bottom:1px solid #eee;color:#2c3e50}.data-table th{background-color:#f8f9fa}.loading-spinner{color:#2c3e50;gap:12px}.error-message{background-color:#fff5f5;border-radius:8px;color:#e74c3c;gap:12px;padding:16px}.retry-button{background-color:#e74c3c}.retry-button:hover{background-color:#c0392b}.log-viewer-card{display:flex;flex-direction:column;height:calc(100vh - 200px);overflow:hidden}.log-viewer-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 0}.log-viewer-content{background-color:#1e1e1e;border-radius:4px;display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;padding:12px}.log-content{color:#f0f0f0;flex:1 1;font-family:Consolas,Courier New,monospace;font-size:13px;height:100%;line-height:1.5;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.log-line{border-radius:2px;margin-bottom:2px;padding:2px 8px;position:relative}.log-line:hover{background-color:#ffffff0d}.log-line.info{border-left:3px solid #52c41a}.log-line.warn{background-color:#faad140d;border-left:3px solid #faad14}.log-line.error{background-color:#ff4d4f0d;border-left:3px solid #ff4d4f}.log-timestamp{color:#a0a0a0;margin-right:8px}.log-level{display:inline-block;margin-right:8px;min-width:70px}.log-level .anticon{margin-right:4px}.log-message{color:#f0f0f0}.log-context{background-color:#0003;border-radius:4px;margin-left:20px;margin-top:4px;padding:8px}.log-context summary{color:#1890ff;cursor:pointer}.log-context pre{color:#a0a0a0;font-size:12px;margin-top:8px;white-space:pre-wrap}.logs-spinner{display:block;margin:50px auto}.logs-error{margin:20px}.log-content::-webkit-scrollbar{width:8px}.log-content::-webkit-scrollbar-track{background:#2c2c2c;border-radius:4px}.log-content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.log-content::-webkit-scrollbar-thumb:hover{background:#777}.section-container{padding:20px}.section-header{margin-bottom:20px}.section-header h2{margin:0}.section-spinner{align-items:center;display:flex;height:300px;justify-content:center}.cards-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:20px}.metric-card{height:100%}.metric-card h3{align-items:center;display:flex;font-size:24px;font-weight:700}.chart-card{overflow:hidden}.chart-card,.table-card,.timeline-card{margin-bottom:20px}.severity-critical{background-color:#ff4d4f;color:#fff}.severity-high{background-color:#faad14;color:#fff}.severity-medium{background-color:#1890ff;color:#fff}.severity-low{background-color:#52c41a;color:#fff}pre{background-color:#f5f5f5;border-radius:4px;font-family:Courier New,Courier,monospace;max-height:300px;overflow:auto;padding:10px}@media (max-width:768px){.cards-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.section-header>div{margin-top:10px}}.admin-layout{display:flex;min-height:100vh}.admin-header{flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:250px}.admin-header h1{background:#fff;color:#333;font-size:24px;padding:20px}.admin-user-section{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.admin-user-info{color:#666;font-size:14px;padding:8px}.admin-user-info i{margin-right:8px}.admin-dropdown-menu{border:1px solid #eee;box-shadow:0 2px 8px #0000001a;margin-top:8px}.dropdown-item{padding:8px 16px}.dropdown-item:hover{background:#f5f5f5}.dropdown-item i{margin-right:8px}.admin-main{background:#f5f5f5;margin-left:250px;padding:20px;width:calc(100% - 250px)}.admin-navigation{background-color:#1a1f2c;display:flex;flex:1 1;flex-direction:column;padding:16px}.admin-navigation a,.nav-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;margin:2px 0;padding:12px 16px;text-align:left;text-decoration:none;width:100%}.admin-navigation a span,.nav-button span{color:#fff}.admin-navigation a:hover,.nav-button:hover{background:#ffffff1a}.admin-navigation a.active{background:#ffffff26;color:#4caf50}.admin-navigation a i,.nav-button i{margin-right:12px;text-align:center;width:16px}.section-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h1{color:#1a1a1a;font-size:24px;margin:0}.cards-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{border:1px solid #e8e8e8}.stat-card h3{font-size:14px;margin:0 0 12px}.stat-card .value{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:12px}.trend{align-items:center;color:#666;display:flex}.trend.positive{color:#52c41a}.trend.negative{color:#f5222d}.trend.neutral{color:#666}.trend i{margin-right:8px}.trend-details{font-size:12px;margin-left:8px}.charts-section{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.chart-container{border:1px solid #e8e8e8}.chart-container h3{color:#1a1a1a;margin:0 0 16px}.placeholder-chart{align-items:center;background:#f5f5f5;border-radius:4px;color:#666;display:flex;font-style:italic;height:200px;justify-content:center}.table-container{border:1px solid #e8e8e8;padding:20px}.data-table td,.data-table th{border-bottom:1px solid #e8e8e8;padding:12px}.data-table th{background:#fafafa;color:#1a1a1a;font-weight:500}.loading-spinner{align-items:center;color:#1890ff;display:flex;justify-content:center;min-height:200px}.loading-spinner i{margin-right:8px}.error-message{align-items:center;color:#f5222d;display:flex;justify-content:center;min-height:200px}.error-message i{margin-right:8px}.retry-button{background:#0000;border:1px solid #f5222d;color:#f5222d;margin-left:16px;padding:4px 12px}.retry-button:hover{background:#fff1f0}.time-range-selector select{background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;padding:8px 12px}.time-range-selector select:hover{border-color:#40a9ff}.time-range-selector select:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.dashboard-loading{align-items:center;color:#666;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.dashboard-loading i{color:gold;font-size:2rem}.section-content{display:flex;flex-direction:column;gap:2rem}.cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat-card{box-shadow:0 2px 4px #0000000d;flex-direction:column;gap:1rem;padding:1.5rem}.stat-card h3{color:#666;font-size:1rem;margin:0}.stat-card .value{color:#1a1f2c;font-size:2rem;font-weight:600}.stat-card .trend{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.trend.positive{color:#10b981}.trend.negative{color:#ef4444}.trend.neutral{color:#6b7280}.charts-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.chart-container{min-height:400px}.chart-container,.table-container{background:#fff;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.table-container{border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:left}.data-table th{color:#666;font-weight:600}.data-table th,.data-table tr:hover{background-color:#f9fafb}@media (max-width:768px){.admin-main{margin-left:60px;padding:1rem}.charts-section{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.dashboard-nav{background:#fff;box-shadow:0 2px 4px #0000000d;justify-content:space-between;padding:1rem 2rem}.dashboard-nav,.nav-brand{align-items:center;display:flex}.nav-brand{color:#333;font-size:1.25rem;font-weight:600;gap:.75rem}.nav-brand i{color:#4caf50}.nav-tabs{display:flex;gap:1rem}.nav-tab{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.nav-tab:hover{background:#f8f9fa;color:#333}.nav-tab.active{background:#e8f5e9;color:#4caf50}.dashboard-content{flex:1 1;overflow-y:auto;padding:2rem}.overview-section{display:flex;flex-direction:column;gap:2rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.recent-errors{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.recent-errors h3{color:#333;margin:0 0 1rem}.error-list{display:flex;flex-direction:column;gap:1rem}.error-item{border:1px solid #eee;border-radius:4px;cursor:pointer;padding:1rem;transition:all .2s ease}.error-item:hover{background:#f8f9fa;border-color:#4caf50}.error-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.error-header .timestamp{color:#666;font-size:.875rem}.error-message{color:#333;margin-bottom:.5rem}.error-details{color:#666;display:flex;font-size:.875rem;gap:1rem}.errors-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem}.error-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.error-search{flex:1 1}.error-filter,.error-search{border:1px solid #ddd;border-radius:4px;padding:.5rem}.error-filter{min-width:150px}.error-table{overflow-x:auto;width:100%}.error-table table{border-collapse:collapse;width:100%}.error-table td,.error-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.error-table th{color:#666;font-weight:600}.status-badge{border-radius:4px;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.acknowledged{background-color:#cce5ff;color:#004085}.view-details-btn{background:none;border:1px solid #4caf50;border-radius:4px;color:#4caf50;cursor:pointer;padding:.25rem .5rem;transition:all .2s ease}.view-details-btn:hover{background:#4caf50;color:#fff}.performance-section{display:flex;flex-direction:column;gap:2rem}.performance-charts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}@media (max-width:768px){.dashboard-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-tabs{justify-content:space-between;width:100%}.dashboard-content{padding:1rem}.metrics-grid,.performance-charts{grid-template-columns:1fr}.error-filters{flex-direction:column}.error-table{font-size:.875rem}}.admin-dashboard{margin:0 auto;max-width:1200px;padding:20px}.admin-header{align-items:center;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;z-index:1000}.admin-header h1{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0}.admin-user-section{position:relative}.admin-user-info{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background-color .2s}.admin-user-info:hover{background-color:#f5f5f5}.admin-user-info i{color:#4caf50}.admin-dropdown-menu{background:#fff;border-radius:4px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item i{color:#666;width:16px}.admin-actions{display:flex;gap:10px}.logout-all-button,.logout-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.logout-button{color:#495057}.logout-all-button{background-color:#dc3545;color:#fff}.logout-all-button:hover{background-color:#c82333}.admin-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;box-shadow:0 2px 4px #0000001a}.stat-card h3{color:#343a40;font-size:16px;margin:0 0 15px}.stat-card p{color:#212529;font-size:24px;font-weight:700;margin:0}.trend{display:inline-block;font-size:14px;margin-left:10px}.trend.up{color:#28a745}.trend.down{color:#dc3545}.trend.stable{color:#6c757d}.dashboard-error,.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:20px;text-align:center}.dashboard-error i,.dashboard-loading i{color:#6c757d;font-size:48px;margin-bottom:20px}.dashboard-error i{color:#dc3545}.retry-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background-color:#0056b3}.debug-panel{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-family:Courier New,monospace;margin-top:30px;padding:20px}.debug-panel h3{border-bottom:1px solid #dee2e6;color:#343a40;font-size:16px;margin:0 0 15px;padding-bottom:10px}.debug-content{font-size:14px;line-height:1.5}.debug-content p{color:#495057;margin:8px 0}.debug-content strong{color:#212529}.error-details,.response-details{border-radius:4px;margin-top:15px;padding:15px}.error-details{background:#fff3f3;border:1px solid #ffcdd2}.response-details{background:#f3f8ff;border:1px solid #bbdefb}.error-details h4,.response-details h4{color:#343a40;font-size:14px;margin:0 0 10px}.error-details pre,.response-details pre{background:#0000000d;border-radius:4px;font-size:12px;line-height:1.4;margin:0;overflow-x:auto;padding:10px}@media (max-width:768px){.admin-header{gap:15px;text-align:center}.admin-header,.admin-user-info{flex-direction:column}.admin-stats{grid-template-columns:1fr}.debug-panel{margin-top:20px}}.dashboard-link{background-color:#2a2f3a!important;color:#fff;margin-bottom:16px}.dashboard-link.active,.dashboard-link:hover{background-color:#353b48!important}.dashboard-link.active{border-left:3px solid #4caf50}.builder-btn{background-color:#4caf50!important;color:#fff;margin-bottom:16px}.builder-btn:hover{background-color:#45a049!important}.user-settings{margin-top:auto;position:relative}.user-button{border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:16px;padding-top:16px}.user-button i:last-child{margin-left:8px;margin-right:0}.settings-dropdown{background:#2a2f3a;border-radius:4px;bottom:100%;left:0;margin-bottom:8px;overflow:hidden;position:absolute;right:0;transform:scaleY(0);transform-origin:bottom;transition:transform .2s ease}.settings-dropdown.show{transform:scaleY(1)}.settings-dropdown .dropdown-item{align-items:center;color:#fff;cursor:pointer;display:flex;padding:12px 16px}.settings-dropdown .dropdown-item:hover{background:#ffffff1a}.settings-dropdown .dropdown-item i{margin-right:12px;text-align:center;width:16px}:root{--primary-color:#2a9d8f;--primary-hover:#238a7d;--background-color:#f8f9fa;--card-background:#fff;--secondary-text-color:#6c757d;--border-color:#e9ecef;--shadow-color:#0000000d}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.countertop,body{background-color:#f8f9fa;background-color:var(--background-color);color:#333;color:var(--text-color);transition:background-color .3s ease,color .3s ease}.countertop{display:flex;flex-direction:column;height:100vh;width:100%}.countertop-header{background-color:#fff;background-color:var(--card-background);box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--shadow-color);height:70px;justify-content:space-between;padding:0 20px;transition:background-color .3s ease;z-index:100}.brand,.countertop-header{align-items:center;display:flex}.brand h1{color:#2a9d8f;color:var(--primary-color);font-size:24px;margin:0}.sidebar-toggle{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;font-size:20px;margin-right:15px}.user-menu{gap:15px}.theme-toggle,.user-menu{align-items:center;display:flex}.theme-toggle{background-color:#f8f9fa;background-color:var(--background-color);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-color);cursor:pointer;gap:8px;padding:8px 12px;transition:all .2s ease}.theme-toggle:hover{background-color:#e9ecef;background-color:var(--border-color)}.theme-toggle i{font-size:14px}.theme-toggle span{font-size:13px;font-weight:500}.user-info{display:flex;flex-direction:column;text-align:right}.user-info span{color:#333;color:var(--text-color);font-weight:500}.user-info small{color:#6c757d;font-size:12px}.logout-button{background-color:#f8f9fa;background-color:var(--background-color);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-color);cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .2s}.logout-button:hover{background-color:#e9ecef;background-color:var(--border-color)}.logout-button i{margin-right:8px}.countertop-content{display:flex;flex:1 1;overflow:hidden}.countertop-sidebar{background-color:#2a9d8f;background-color:var(--primary-color);color:#fff;height:calc(100vh - 70px);overflow-y:auto;transition:width .3s ease;width:260px}.countertop-sidebar.collapsed{width:70px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-header h3{font-size:16px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.countertop-sidebar.collapsed .sidebar-header h3{opacity:0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-item{align-items:center;background:none;border:none;color:#fffc;cursor:pointer;display:flex;font-size:14px;padding:15px 20px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.sidebar-item:hover{background-color:#ffffff1a;color:#632626}.sidebar-item.active{background-color:#fff3;border-left:4px solid #fff;color:#fff}.sidebar-item i{margin-right:15px;text-align:center;width:20px}.countertop-sidebar.collapsed .sidebar-text{display:none}.countertop-main{background-color:#f8f9fa;background-color:var(--background-color);color:#333;color:var(--text-color);flex:1 1;overflow-y:auto;padding:25px;transition:margin-left .3s ease}.countertop-main.expanded{margin-left:-190px}.countertop-loading{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#2a9d8f;border-radius:50%;height:36px;margin-bottom:15px;width:36px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome-content{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 10px #0000000d;box-shadow:0 2px 10px var(--shadow-color);margin:0 auto;max-width:800px;padding:30px}.welcome-content h2{color:#333;color:var(--text-color);margin-top:0}.quick-start-card{background-color:#f0f9f8;border-left:4px solid #2a9d8f;border-radius:8px;margin-top:30px;padding:20px;transition:background-color .3s ease}.quick-start-card h3{color:#2a9d8f;margin-top:0;transition:color .3s ease}.primary-button{background-color:#2a9d8f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.primary-button:hover{background-color:#238a7d}.primary-button i{margin-right:8px}@media (max-width:768px){.countertop-sidebar{height:calc(100vh - 70px);position:fixed;z-index:999}.countertop-sidebar.collapsed{width:0}.countertop-main.expanded{margin-left:0}}.section-card{background-color:#fff;background-color:var(--card-background);box-shadow:0 2px 8px #0000000d}.section-card h2{color:#2a9d8f;color:var(--primary-color);font-size:20px;font-weight:600;margin-bottom:15px;margin-top:0}.section-card p{color:#6c757d;color:var(--secondary-text-color);margin-bottom:15px}.card-actions{display:flex;justify-content:flex-end}.btn{align-items:center;border:none;display:inline-flex;justify-content:center;transition:all .2s}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover{background-color:#238a7d;background-color:var(--primary-hover)}.btn-outline{border:1px solid #2a9d8f;border:1px solid var(--primary-color);color:#2a9d8f;color:var(--primary-color)}.btn-outline:hover{background-color:#e9ecef;background-color:var(--border-color)}.countertop-main input[type=email],.countertop-main input[type=number],.countertop-main input[type=password],.countertop-main input[type=tel],.countertop-main input[type=text],.countertop-main input[type=url],.countertop-main select,.countertop-main textarea{background-clip:padding-box;background-color:#fff;background-color:var(--card-background);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:4px;box-shadow:inset 0 1px 2px #0000000d;box-shadow:inset 0 1px 2px var(--shadow-color);box-sizing:border-box;color:#333;color:var(--text-color);display:block;font-size:14px;line-height:1.5;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.countertop-main input[type=email]:focus,.countertop-main input[type=number]:focus,.countertop-main input[type=password]:focus,.countertop-main input[type=tel]:focus,.countertop-main input[type=text]:focus,.countertop-main input[type=url]:focus,.countertop-main select:focus,.countertop-main textarea:focus{border-color:#2a9d8f;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #2a9d8f40;outline:0}.countertop-main input::placeholder,.countertop-main textarea::placeholder{color:#6c757d;color:var(--secondary-text-color);opacity:.7}.countertop-main input:disabled,.countertop-main select:disabled,.countertop-main textarea:disabled{background-color:#e9ecef;background-color:var(--border-color);cursor:not-allowed;opacity:.6}.countertop-main select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding-right:2.5rem}.countertop-main label{color:#333;color:var(--text-color);display:inline-block;font-weight:500;margin-bottom:.5rem}.countertop-nav{background-color:#4caf50;color:#fff;height:calc(100vh - 70px);overflow-y:auto;position:fixed;transition:all .3s ease;width:260px;z-index:999}.countertop-nav.collapsed{width:70px}.countertop-nav-header{border-bottom:1px solid #ffffff1a;padding:1.25rem}.countertop-nav-header h3{font-size:1rem;font-weight:500;margin:0}.countertop-nav-list{list-style:none;margin:0;padding:0}.countertop-nav-list li{margin:0;padding:0}.countertop-nav-list li:hover{background-color:#ffffff1a}.countertop-nav-list li.active{background-color:#fff3}.nav-link{align-items:center;color:#ffffffe6;display:flex;padding:1rem 1.25rem;text-decoration:none;transition:all .2s ease;width:100%}.nav-link:hover{color:#fff}.nav-link svg{height:1.25rem;margin-right:1rem;width:1.25rem}.nav-link span{font-size:.875rem;transition:all .3s ease}.countertop-nav.collapsed .nav-link span{display:none}.countertop-nav.collapsed .nav-link svg{margin-right:0}@media (min-width:768px){.countertop-nav{position:relative}}.dashboard-container{margin:0 auto;max-width:1200px;padding:0 15px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;padding:20px;transition:transform .2s,box-shadow .2s,background-color .3s ease,color .3s ease}:root.dark-theme .stat-card{background-color:#252525;box-shadow:0 2px 8px #0003}.stat-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}:root.dark-theme .stat-card:hover{box-shadow:0 5px 15px #0000004d}.stat-icon{align-items:center;background-color:#2a9d8f1a;border-radius:8px;color:#2a9d8f;display:flex;font-size:20px;height:50px;justify-content:center;margin-right:15px;width:50px}:root.dark-theme .stat-icon{background-color:#38b2a833;color:#38b2a8}.stat-info{flex:1 1}.stat-info h3{color:#6c757d;font-size:14px;font-weight:500;margin:0}:root.dark-theme .stat-info h3{color:#b0b0b0}.stat-value{color:#212529;font-size:24px;font-weight:700;margin:5px 0 0}:root.dark-theme .stat-value{color:#fff}.actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.action-card{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;color:#212529;display:flex;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .3s ease,color .3s ease,border-color .3s ease}:root.dark-theme .action-card{background-color:#252525;border-color:#333;box-shadow:0 2px 8px #0003;color:#fff}.action-card:hover{border-color:#2a9d8f;box-shadow:0 5px 15px #0000000d;transform:translateY(-5px)}:root.dark-theme .action-card:hover{border-color:#38b2a8;box-shadow:0 5px 15px #0000004d}.action-icon{align-items:center;background-color:#2a9d8f1a;border-radius:8px;color:#2a9d8f;display:flex;font-size:18px;height:40px;justify-content:center;margin-right:15px;width:40px}:root.dark-theme .action-icon{background-color:#38b2a833;color:#38b2a8}.action-info{flex:1 1}.action-info h3{color:#212529;font-size:16px;font-weight:600;margin:0}:root.dark-theme .action-info h3{color:#fff}.action-info p{color:#6c757d;font-size:14px;margin:5px 0 0}:root.dark-theme .action-info p{color:#b0b0b0}.steps-container{display:flex;flex-direction:column;gap:20px}.step{align-items:flex-start;display:flex}.step-number{align-items:center;background-color:#2a9d8f;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;margin-right:15px;transition:background-color .3s ease;width:32px}:root.dark-theme .step-number{background-color:#38b2a8}.step-content{flex:1 1}.step-content h3{color:#212529;font-size:18px;font-weight:600;margin:0 0 10px;transition:color .3s ease}:root.dark-theme .step-content h3{color:#fff}.step-content p{color:#6c757d;font-size:14px;margin:0 0 15px;transition:color .3s ease}:root.dark-theme .step-content p{color:#b0b0b0}.btn.btn-outline{align-items:center;background-color:initial;border:1px solid #2a9d8f;border-radius:4px;color:#2a9d8f;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s}.btn.btn-outline:hover{background-color:#2a9d8f1a}:root.dark-theme .btn.btn-outline{border-color:#38b2a8;color:#38b2a8}:root.dark-theme .btn.btn-outline:hover{background-color:#38b2a833}@media (max-width:1024px){.actions-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.actions-grid,.stats-grid{grid-template-columns:1fr}.step{flex-direction:column}.step-number{margin-bottom:10px}}.site-settings-container{margin:0 auto;max-width:800px;padding:24px}.subtitle{color:#666;color:var(--secondary-text-color,#666);margin-bottom:24px}.alert{border-radius:6px;padding:12px}.alert-error,.alert-success{background-color:#dcfce7;color:#166534}.form-section{background:#fff;background:var(--card-background,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd)}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-color,#333)}.help-text{color:var(--secondary-text-color,#666);margin-top:6px}.text-primary{color:#166534;font-weight:500}.error-text{align-items:center;color:#166534;display:flex;font-size:14px;gap:4px;margin-top:4px}.input-group{background-color:#fff;background-color:var(--input-background,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;overflow:hidden;transition:all .2s ease}.input-group.error{border-color:#166534}.availability-indicator{align-items:center;background-color:#f0fdf4;border-radius:4px;color:#166534;display:flex;font-size:14px;gap:6px;margin-top:8px;min-height:24px;padding:4px 8px}.availability-indicator svg{color:#166534;flex-shrink:0;height:16px;width:16px}.availability-indicator.checking{background-color:#f0fdf4}.availability-indicator span{line-height:1.2}.availability-indicator.available,.availability-indicator.unavailable{color:#166534}.full-width-input{background-color:initial;border:none;color:#333;color:var(--text-color,#333);flex:1 1;font-size:14px;padding:10px 12px}.full-width-input:focus{outline:none}.full-width-input::placeholder{color:#666;color:var(--secondary-text-color,#666)}.input-group:focus-within{border-color:#166534;box-shadow:0 0 0 2px #16653433}.copy-button{align-items:center;background-color:#166534;border:none;color:#fff;cursor:pointer;display:flex;gap:4px;padding:8px 12px;transition:all .2s ease}.copy-button:disabled{background-color:#dcfce7;color:#166534;cursor:not-allowed;opacity:.7}.copy-button:not(:disabled):hover{background-color:#14532d}.copy-button svg{height:16px;width:16px}.path-status{align-items:center;border-left:1px solid #ddd;border-left:1px solid var(--border-color,#ddd);display:flex;padding:0 12px}.path-status.success{color:#059669}.path-status.error{color:#166534}.toggle-switch-container{align-items:center;display:flex}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#166534}input:checked+.toggle-slider:before{transform:translateX(20px)}.switch-label{gap:12px}.save-settings-btn{background-color:#166534;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 24px;transition:background-color .2s}.save-settings-btn:hover:not(:disabled){background-color:#14532d}.save-settings-btn:disabled{background-color:#dcfce7;color:#166534;cursor:not-allowed}.loading{color:var(--secondary-text-color,#666);height:200px}.hosting-details{background-color:#f0fdf4;border-left:3px solid #166534;border-radius:8px;margin-top:16px;padding:16px}.hosting-details p{color:#166534}.hosting-details ul{color:#166534;list-style-type:none}.hosting-details li{line-height:1.5;padding-left:24px;position:relative}.hosting-details li:before{color:#166534;content:"✓";font-weight:700;left:0;position:absolute}.mt-3{margin-top:12px}.mb-2{margin-bottom:8px}.mr-2{margin-right:8px}.font-medium{font-weight:500}.inline-block{display:inline-block}.space-y-1>*+*{margin-top:4px}.list-disc{list-style-type:disc}.pl-8{padding-left:32px}.standard-input{background-color:#fff;background-color:var(--input-background,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;color:#333;color:var(--text-color,#333);font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.standard-input:focus{border-color:#2a9d8f;border-color:var(--primary-color,#2a9d8f);box-shadow:0 0 0 2px #2a9d8f20;box-shadow:0 0 0 2px var(--primary-color,#2a9d8f)20;outline:none}.payments-container{margin:0 auto;max-width:900px;padding:24px}.form-group label{color:#333;font-weight:500}.form-control{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#333;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-control:focus{border-color:#2a9d8f;box-shadow:0 0 0 .2rem #2a9d8f40;outline:none}.form-control::placeholder{color:#6c757d;opacity:.7}.form-control:disabled{background-color:#f8f9fa;cursor:not-allowed}.help-text{color:#666}.switch-group{margin-bottom:24px}.switch-label{color:#333;margin-bottom:8px}.switch{height:24px;width:50px}.slider{background-color:#dee2e6;border-radius:24px}.slider:before{bottom:3px}input:checked+.slider:before{transform:translateX(26px)}.test-mode-info{background-color:#f0fdf4;border-left:3px solid #166534;border-radius:8px;margin-top:16px;padding:16px}.test-mode-info p{color:#166534;margin-top:8px}.btn-outline-info{border:1px solid #166534;color:#166534}.btn-outline-info:hover{background-color:#f0fdf4}.input-group{align-items:stretch;display:flex;margin-bottom:4px}.input-group .form-control{border-bottom-right-radius:0;border-top-right-radius:0;flex:1 1}.input-group .btn{background-color:#f8f9fa;border:1px solid #dee2e6;border-bottom-left-radius:0;border-left:none;border-top-left-radius:0;color:#666;padding:0 12px}.input-group .btn:hover{background-color:#e9ecef}.form-actions .btn-primary{background-color:#2a9d8f;border:1px solid #2a9d8f;color:#fff}.form-actions .btn-primary:hover{background-color:#238b7e;border-color:#238b7e}.form-actions .btn-primary:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.fee-calculator{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:24px;padding:24px}.section-description{color:#666;margin-bottom:16px}.fee-example{padding:16px}.fee-row{border-bottom:1px solid #e9ecef;padding:8px 0}.fee-row.total{border-top:2px solid #e9ecef;color:#333;font-weight:600;margin-top:8px;padding-top:16px}.fee-label{color:#666}.fee-value{color:#333;font-weight:500}.fee-note{color:#666;margin-top:16px}.fee-note p{align-items:center;display:flex;gap:4px}.payment-tabs{border-bottom:1px solid #dee2e6;display:flex;margin-bottom:20px}.payment-tab{align-items:center;border-bottom:3px solid #0000;cursor:pointer;display:flex;margin-right:10px;padding:15px 20px;transition:all .2s}.payment-tab.active{border-bottom-color:#2a9d8f}.payment-tab.active,.payment-tab:hover{background-color:#2a9d8f0d}.processor-logo{height:24px;margin-right:10px}.processor-icon{color:#2a9d8f;font-size:20px;margin-right:10px}.processor-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.processor-info h3{font-size:18px;margin-bottom:10px;margin-top:0}.processor-info p{color:#6c757d;margin:0}.processor-toggle{padding-top:5px}.connect-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:25px;text-align:center}.connect-section p{color:#495057;margin-bottom:20px}.btn-processor{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;padding:10px 20px;transition:all .2s}.btn-processor i{margin-right:10px}.stripe-connect{background-color:#6772e5}.stripe-connect:hover{background-color:#5469d4}.paypal-connect{background-color:#0070ba}.paypal-connect:hover{background-color:#005ea6}.connected-account{background-color:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;margin-bottom:24px;padding:16px}.account-info{align-items:center;color:#166534;display:flex;font-weight:500}.btn-outline{background-color:initial;border:1px solid #dc2626;color:#dc2626}.btn-outline:hover:not(:disabled){background-color:#fee2e2}.payarc-features{border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:24px}.payarc-features h4{color:#333;margin-bottom:16px}.payarc-features ul{list-style:none;margin:0;padding:0}.payarc-features li{align-items:center;color:#4b5563;display:flex;margin-bottom:12px}.payarc-features li:last-child{margin-bottom:0}.api-docs-link{margin-top:16px}.api-docs-link a{color:#2a9d8f;display:flex;font-weight:500;text-decoration:none}.api-docs-link a:hover{color:#238b7e;text-decoration:underline}.fee-calculator{margin-top:30px}.fee-example{background-color:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:20px}.fee-row{border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:10px 0}.fee-row.total,.fee-row:last-child{border-bottom:none}.fee-row.total{border-top:2px solid #dee2e6;color:#212529;font-size:18px;font-weight:700;margin-top:5px;padding-top:15px}.fee-label{color:#495057}.fee-value{font-family:monospace}.fee-note{background-color:#fff3cd;border-radius:4px;color:#856404;font-size:14px;padding:15px}.fee-note i{margin-right:10px}.test-mode-info{background-color:#f0f9ff;border-left:4px solid #0dcaf0;border-radius:6px;margin-top:15px;padding:15px}.test-mode-info p{font-size:.9em;margin-bottom:0;margin-top:10px}.feature-list{list-style:none;margin:10px 0;padding:0}.feature-list li{align-items:center;display:flex;font-size:.95em;margin-bottom:8px}.feature-list li i{color:#2a9d8f;margin-right:10px}.payarc-features{background-color:#f8f9fa;border-radius:6px;padding:15px}.payarc-features h4{font-size:16px;margin-bottom:10px;margin-top:0}.api-docs-link{margin-top:15px}.api-docs-link a{align-items:center;display:inline-flex}.api-docs-link a i{margin-right:8px}.mb-4{margin-bottom:25px}.mt-4{margin-top:25px}.mt-3{margin-top:15px}.mb-3{margin-bottom:15px}.mt-2{margin-top:10px}.text-success{color:#28a745}.btn-outline-info{background-color:initial;border:1px solid #0dcaf0;color:#0dcaf0;transition:all .2s}.btn-outline-info:hover{background-color:#0dcaf0;color:#fff}.btn-secondary{border:none}.btn-secondary:hover{background-color:#5a6268}.btn-link{background:none;border:none;color:#0d6efd;padding:0;text-decoration:none}.btn-link:hover{text-decoration:underline}@media (max-width:768px){.payment-tabs{border-bottom:none;flex-direction:column}.payment-tab{border-bottom:none;border-left:3px solid #0000;margin-bottom:5px;margin-right:0}.payment-tab.active{border-bottom:none;border-left-color:#2a9d8f}.processor-header{flex-direction:column}.processor-toggle{align-self:flex-start;margin-top:15px}.connected-account{align-items:flex-start;flex-direction:column}.connected-account button{align-self:flex-end;margin-top:10px}}.account-security-container{margin:0 auto;max-width:900px;padding:0 15px}.qr-placeholder{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;height:200px;justify-content:center;margin:20px 0;width:200px}.qr-placeholder i{color:#adb5bd;font-size:80px}.qr-code{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin:20px auto;max-width:200px;padding:10px}.qr-code svg{height:auto;width:100%}.manual-entry{color:#333;margin:20px 0;text-align:center}.secret-key{background-color:#f5f5f5;border-radius:4px;color:#333;display:inline-block;font-family:monospace;font-size:16px;letter-spacing:2px;margin:10px 0;min-width:260px;padding:10px;word-break:break-all}.verification-form{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.verification-form input{background-color:#fff;border:1px solid #dee2e6;color:#333;font-size:18px;font-weight:600;letter-spacing:4px;text-align:center}.verification-form .btn-primary{margin-right:10px}.two-factor-setup{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-top:20px;padding:20px}.recommendation{color:#666;font-size:14px;font-style:italic;margin-top:15px}.error-message{background-color:#dc35451a;border:1px solid #dc354540;border-radius:4px;color:#dc3545;margin:10px 0;padding:10px}.success-message{background-color:#28a7451a;border:1px solid #28a74540;border-radius:4px;color:#28a745;margin:10px 0;padding:10px}.account-security-container .form-section{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:25px;padding:20px}.account-security-container .form-section h3{color:#333;font-size:18px;margin-bottom:20px;margin-top:0}.account-security-container .form-section .form-group{margin-bottom:15px}.account-security-container .form-section .form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.account-security-container .form-section .form-group input[type=email],.account-security-container .form-section .form-group input[type=password],.account-security-container .form-section .form-group input[type=text],.account-security-container .form-section .form-group select,.account-security-container .form-section .form-group textarea{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;box-sizing:border-box;color:#333;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.account-security-container .form-section .form-group input:focus,.account-security-container .form-section .form-group select:focus,.account-security-container .form-section .form-group textarea:focus{border-color:#2a9d8f;box-shadow:0 0 0 .2rem #2a9d8f40;outline:0}.account-security-container .form-section .form-group input::placeholder,.account-security-container .form-section .form-group textarea::placeholder{color:#6c757d;opacity:.7}.account-security-container .form-section .form-group input:disabled,.account-security-container .form-section .form-group select:disabled,.account-security-container .form-section .form-group textarea:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.account-security-container .alert{border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px 15px}.account-security-container .alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.account-security-container .alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.account-security-container .form-actions{display:flex;justify-content:flex-end;margin-top:20px}.account-security-container .btn{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;text-align:center;transition:all .2s ease}.account-security-container .btn-primary{background-color:#2a9d8f;border:1px solid #2a9d8f;color:#fff}.account-security-container .btn-primary:hover{background-color:#238b7e;border-color:#238b7e}.account-security-container .btn-primary:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.account-security-container .switch-label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;margin-bottom:10px;-webkit-user-select:none;user-select:none}.account-security-container .switch{display:inline-block;height:24px;position:relative;width:50px}.account-security-container .switch input{height:0;opacity:0;width:0}.account-security-container .slider{background-color:#dee2e6;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.account-security-container .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.account-security-container input:checked+.slider{background-color:#2a9d8f}.account-security-container input:focus+.slider{box-shadow:0 0 1px #2a9d8f}.account-security-container input:checked+.slider:before{transform:translateX(26px)}.profile-header{background-color:#f9f9f9;border-radius:8px;display:flex;margin-bottom:30px;padding:20px;transition:background-color .3s ease,color .3s ease}.profile-image{flex:0 0 120px;margin-right:20px}.profile-image img{object-fit:cover}.profile-image img,.profile-placeholder{border:3px solid #fff;border-radius:50%;box-shadow:0 3px 10px #0003;height:120px;width:120px}.profile-placeholder{align-items:center;background-color:#e0e0e0;color:#aaa;display:flex;font-size:50px;justify-content:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.profile-info{flex:1 1;margin-bottom:20px}.profile-info h3{font-size:24px;margin-bottom:5px;margin-top:0;transition:color .3s ease}.profile-info .username{color:#666;font-size:16px;margin-bottom:10px;transition:color .3s ease}.profile-info .account-status,.profile-info .joined-date,.profile-info .last-login{color:#666;font-size:14px;margin-bottom:5px;transition:color .3s ease}.profile-info button{margin-top:10px}.form-section{background-color:#fff;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a;padding:20px}.form-section h3{color:#333;margin-top:0}.form-row,.form-section .form-group{margin-bottom:15px}.form-section .form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-section .form-group input,.form-section .form-group select,.form-section .form-group textarea{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#333;padding:10px;transition:all .3s ease;width:100%}.form-section .form-group input:disabled,.form-section .form-group select:disabled,.form-section .form-group textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.verification-status{font-size:12px;margin-top:4px}.verification-status .verified{color:#28a745}.verification-status .unverified{color:#dc3545}.verification-status i{margin-right:4px}.profile-actions{display:flex;gap:10px;margin-top:15px}.profile-actions button{margin-top:0}.btn{padding:8px 16px;text-align:center}.btn-primary:hover{background-color:#238b7e;border-color:#238b7e}.btn-primary:disabled{opacity:.6}.alert{font-size:14px;margin-bottom:15px;padding:10px 15px}@media (max-width:768px){.profile-header{flex-direction:column;text-align:center}.profile-image{align-self:center;margin-bottom:20px;margin-right:0}.form-row{flex-direction:column;gap:0}}.business-info-container{--card-background:#fff;--text-color:#333;--secondary-text-color:#666;--border-color:#e9ecef;--shadow-color:#0000001a;margin:0 auto;max-width:900px;padding:24px}.page-title{color:#333;margin-bottom:8px}.page-description{color:#666;margin-bottom:24px}.form-section{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px var(--shadow-color);margin-bottom:24px;padding:24px}.form-section h3{color:var(--text-color);font-size:18px;font-weight:600}.form-group,.form-section h3{margin-bottom:20px}.form-group label{color:var(--text-color);display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:4px;box-shadow:inset 0 1px 2px var(--shadow-color);box-sizing:border-box;color:var(--text-color);font-size:16px;padding:12px 15px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2a9d8f;box-shadow:0 0 0 .2rem #2a9d8f40;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--secondary-text-color);opacity:.7}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid var(--border-color);border-radius:4px;box-shadow:inset 0 1px 2px var(--shadow-color);box-sizing:border-box;color:#333!important;cursor:pointer;font-size:16px;padding:12px 2.5rem 12px 15px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-group select:focus{border-color:#2a9d8f;box-shadow:0 0 0 .2rem #2a9d8f40;outline:none}.form-group select option{background-color:#fff!important;color:#333!important;padding:8px}.help-text{color:var(--secondary-text-color);margin-top:4px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1;margin-bottom:0}.alert{align-items:center;border-radius:4px;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-actions{gap:12px;margin-top:24px}.btn{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-primary{background-color:#2a9d8f;border:1px solid #2a9d8f;color:#fff}.btn-primary:hover:not(:disabled){background-color:#238b7e;border-color:#238b7e}.btn-primary:disabled{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.65}.btn-secondary{background-color:#6c757d;border:1px solid #6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268;border-color:#5a6268}.btn-secondary:disabled{cursor:not-allowed;opacity:.65}.business-hours{margin-top:20px}.hours-row{align-items:center;border-bottom:1px solid #e9ecef;padding:6px 0}.day-name{color:var(--text-color);font-size:14px;font-weight:500;width:80px}.hours-inputs{align-items:center;display:flex;flex:1 1;gap:20px}.closed-toggle{margin-right:15px}.time-input{display:flex;flex-direction:column}.time-input label{color:var(--secondary-text-color);font-size:10px;margin-bottom:3px}.time-input input{border-radius:4px;font-size:14px;padding:4px 8px}@media (max-width:768px){.form-row{gap:0;grid-template-columns:1fr}.hours-inputs{gap:10px}.hours-inputs,.hours-row{align-items:flex-start;flex-direction:column}.hours-row{padding:15px 0}.day-name{margin-bottom:10px}.time-input{width:100%}}#businessType{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;border:1px solid var(--border-color);border-radius:4px;box-shadow:inset 0 1px 2px var(--shadow-color);cursor:pointer;font-weight:400;height:auto;padding:12px 15px;width:100%}#businessType,#businessType option{background-color:#fff;color:#333;font-size:16px}#businessType option{padding:10px}#businessType:focus{border-color:#2a9d8f;box-shadow:0 0 0 .2rem #2a9d8f40;outline:none}.business-info-container .closed-toggle label,.business-info-container .split-toggle label{color:var(--secondary-text-color);font-size:12px}.closed-toggle .switch,.split-toggle .switch{transform:scale(.8)}.override-hours{margin-top:20px}.exception-row{margin-bottom:12px}.exception-fields{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.add-exc,.remove-exc{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.add-exc{background-color:#2a9d8f}.remove-exc{background-color:#e63946}.override-hours .time-input input[type=date],.override-hours .time-input input[type=time]{border-radius:4px;padding:4px 8px}.override-hours .time-input label{color:var(--secondary-text-color);font-size:10px;margin-bottom:3px}.override-hours .description-field{flex:1 1 100%;min-width:0}.override-hours .exception-fields .closed-toggle{flex:0 0 auto;margin-left:0;margin-top:8px}.section-card{background-color:var(--card-background)!important;border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);margin-bottom:20px;padding:20px;transition:background-color .3s ease}.section-card h2{color:var(--text-color);margin-bottom:8px}.section-description{color:var(--secondary-text-color);margin-bottom:24px}.messages-container{margin:0 auto;max-width:1200px;padding:0 15px}.messages-header{margin-bottom:20px}.messages-controls{display:flex;justify-content:space-between;margin-bottom:20px}.filters select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;color:#333!important;cursor:pointer;font-size:14px;padding:8px 2.5rem 8px 12px;transition:all .2s ease}.filters select:focus{border-color:#2a9d8f;box-shadow:0 0 0 .2rem #2a9d8f40;outline:none}.filters select option{background-color:#fff!important;color:#333!important;padding:8px}.messages-content{display:flex;gap:20px;min-height:600px}.messages-list{border:1px solid #dee2e6;border-radius:8px;flex:1 1;max-width:350px;overflow:hidden}.message-item{border-bottom:1px solid #dee2e6;cursor:pointer;padding:15px;transition:all .2s}.message-item:last-child{border-bottom:none}.message-item:hover{background-color:#f8f9fa}.message-item.selected{background-color:#e9fcf9;border-left:3px solid #2a9d8f}.message-item.unread{border-left:3px solid #ffc107}.message-item-header{display:flex;justify-content:space-between;margin-bottom:5px}.customer-name{font-weight:500}.message-date{color:#6c757d;font-size:12px}.message-item-subject{font-weight:500;margin-bottom:5px}.message-item-preview{color:#6c757d;font-size:14px;margin-bottom:10px}.message-item-footer{align-items:center;display:flex;justify-content:space-between}.message-rating i{color:#e0e0e0;font-size:12px;margin-right:2px}.message-rating i.filled{color:#ffc107}.status-badge{border-radius:10px;padding:2px 8px}.status-badge.unread{background-color:#fff3cd;color:#856404}.status-badge.read{background-color:#e2e3e5;color:#383d41}.status-badge.resolved{background-color:#d4edda;color:#155724}.message-detail{border:1px solid #dee2e6;border-radius:8px;display:flex;flex:2 1;flex-direction:column;overflow:hidden}.detail-header h3{margin:0 0 10px}.detail-meta{color:#6c757d}.message-thread{background-color:#f9f9f9;flex:1 1;overflow-y:auto;padding:15px}.message-bubble{border-radius:10px;margin-bottom:15px;max-width:80%;padding:15px}.message-bubble.customer{background-color:#e9ecef;border-bottom-left-radius:0;color:#212529;margin-right:auto}.message-bubble.business{background-color:#2a9d8f;border-bottom-right-radius:0;color:#fff;margin-left:auto}.message-content{margin-bottom:5px;white-space:pre-wrap}.message-time{font-size:12px;opacity:.8;text-align:right}.reply-form{background-color:#fff;border-top:1px solid #dee2e6;padding:15px}.reply-form textarea{border:1px solid #ced4da;border-radius:4px;margin-bottom:10px;min-height:100px;padding:10px;resize:vertical;width:100%}.no-message-selected,.no-messages{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px}.no-message-selected i,.no-messages i{font-size:3rem;margin-bottom:15px;opacity:.3}@media (max-width:768px){.messages-content{flex-direction:column}.messages-list{max-width:none}}.reports-container{margin:0 auto;max-width:1200px;padding:0 15px}.reports-header{margin-bottom:20px}.reports-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.time-filters{border:1px solid #dee2e6;border-radius:4px;display:flex;overflow:hidden}.time-filter{background:none;border:none;border-right:1px solid #dee2e6;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .2s}.time-filter:last-child{border-right:none}.time-filter.active{background-color:#2a9d8f;color:#fff}.time-filter:hover:not(.active){background-color:#f8f9fa}.reports-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.summary-card{background-color:#fff;box-shadow:0 2px 8px #0000000d;padding:20px}.summary-card,.summary-icon{align-items:center;border-radius:8px;display:flex}.summary-icon{background-color:#2a9d8f1a;color:#2a9d8f;font-size:20px;height:50px;justify-content:center;margin-right:15px;width:50px}.summary-data{flex:1 1}.summary-data h3{color:#6c757d;font-size:14px;font-weight:500;margin:0 0 5px}.summary-value{color:#212529;font-size:24px;font-weight:700}.reports-charts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.chart-container h3{color:#343a40;font-size:16px;margin:0 0 20px}.chart-placeholder{height:200px;position:relative}.chart-bars{align-items:flex-end;display:flex;height:100%;padding-top:20px;width:100%}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.chart-bar{background-color:#2a9d8f;border-radius:4px 4px 0 0;transition:height .5s;width:80%}.chart-label{color:#6c757d;font-size:12px;margin-top:5px}.reports-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.detail-table{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;padding:20px}.detail-table h3{color:#343a40;font-size:16px;margin:0 0 20px}.detail-table table{border-collapse:collapse;width:100%}.detail-table td,.detail-table th{border-bottom:1px solid #e9ecef;padding:10px 8px;text-align:left}.detail-table th{color:#6c757d;font-size:12px;font-weight:500;text-transform:uppercase}.detail-table tbody tr:last-child td{border-bottom:none}.detail-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.detail-card h3{color:#343a40;font-size:16px;margin:0 0 20px}.completion-stats{display:flex;flex-direction:column;gap:10px}.completion-stat{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#6c757d;font-size:14px}.stat-value{font-weight:500}.stat-value.completed{color:#2a9d8f}.stat-value.canceled{color:#dc3545}.completion-rate{background-color:#e9ecef;border-radius:4px;height:8px;margin:10px 0;overflow:hidden}.rate-bar{background-color:#2a9d8f;border-radius:4px;height:100%}.rate-label{color:#343a40;font-size:14px;font-weight:500;text-align:center}@media (max-width:992px){.reports-charts,.reports-details,.reports-summary{grid-template-columns:1fr}}.orders-container{margin:0 auto;max-width:1200px;padding:0 15px}.orders-header,.view-tabs{margin-bottom:20px}.view-tabs{border-bottom:1px solid #dee2e6;display:flex}.view-tab{background:none;border:none;color:#495057;cursor:pointer;font-size:14px;padding:10px 20px;position:relative;transition:all .2s}.view-tab i{margin-right:8px}.view-tab.active{color:#2a9d8f;font-weight:500}.view-tab.active:after{background-color:#2a9d8f;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.view-tab:hover:not(.active){color:#2a9d8f}.orders-controls{display:flex;justify-content:space-between;margin-bottom:20px}.filters select{border:1px solid #ced4da;border-radius:4px;padding:8px 12px}.search{position:relative}.search input{border:1px solid #ced4da;border-radius:4px;padding:8px 30px 8px 12px;width:250px}.search i{color:#6c757d;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.orders-content{display:flex;gap:20px;min-height:600px}.orders-list{flex:1 1;max-width:450px}.orders-table{border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.orders-table-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;font-weight:500}.order-cell{flex:1 1;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.order-row{border-bottom:1px solid #dee2e6;cursor:pointer;display:flex;transition:all .2s}.order-row:last-child{border-bottom:none}.order-row.selected{background-color:#e9fcf9}.order-row:hover:not(.selected){background-color:#f8f9fa}.order-cell.order-id{flex:1 1;font-weight:500}.order-cell.order-customer{flex:1 1}.order-cell.order-status{flex:1.5 1}.order-cell.order-total{flex:0.8 1;text-align:right}.order-cell.order-time{color:#6c757d;flex:1 1;font-size:.9em;text-align:right}.status-badge{align-items:center;display:inline-flex;font-size:.85em;white-space:nowrap}.status-badge i{margin-right:5px}.status-badge.received{background-color:#cff4fc;color:#055160}.status-badge.preparing{background-color:#fff3cd;color:#856404}.status-badge.picked_up,.status-badge.quality_check,.status-badge.ready{background-color:#d1e7dd;color:#0f5132}.status-badge.completed{background-color:#2a9d8f;color:#fff}.status-badge.canceled{background-color:#f8d7da;color:#721c24}.no-orders{align-items:center;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;display:flex;flex-direction:column;height:300px;justify-content:center}.no-orders i{font-size:3rem;margin-bottom:15px;opacity:.3}.order-detail{border:1px solid #dee2e6;border-radius:8px;display:flex;flex:2 1;flex-direction:column;overflow:hidden}.detail-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:15px}.detail-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.detail-title h3{margin:0}.detail-meta{display:flex;flex-wrap:wrap;font-size:14px;gap:15px}.detail-content{flex:1 1;overflow-y:auto;padding:15px}.detail-section{margin-bottom:25px}.detail-section h4{border-bottom:1px solid #dee2e6;margin:0 0 15px;padding-bottom:8px}.customer-info{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.order-items{margin-bottom:20px}.order-item{border-bottom:1px solid #f5f5f5;display:flex;margin-bottom:10px;padding-bottom:10px}.order-item:last-child{border-bottom:none}.item-quantity{font-weight:500;width:40px}.item-info{flex:1 1}.item-name{font-weight:500}.item-notes{color:#6c757d;font-size:13px;margin-top:2px}.item-price{font-weight:500;text-align:right}.order-summary{background-color:#f8f9fa;border-radius:4px;margin-top:20px;padding:15px}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.summary-row.total{border-top:1px solid #dee2e6;font-size:1.1em;font-weight:700;margin-top:8px;padding-top:8px}.status-timeline{margin-left:10px}.timeline-item{display:flex;margin-bottom:15px;position:relative}.timeline-item:before{background-color:#e9ecef;bottom:-15px;content:"";left:10px;position:absolute;top:24px;width:2px}.timeline-item:last-child:before{display:none}.timeline-icon{align-items:center;background-color:#fff;border:2px solid #2a9d8f;border-radius:50%;display:flex;height:20px;justify-content:center;margin-right:15px;position:relative;width:20px;z-index:1}.timeline-icon i{color:#2a9d8f;font-size:10px}.timeline-content{flex:1 1}.timeline-status{font-weight:500}.timeline-time{color:#6c757d;font-size:13px}.detail-actions{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:15px}.status-buttons{display:flex;flex-wrap:wrap;gap:10px}.status-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;padding:8px 15px;transition:background-color .2s}.status-button i{margin-right:8px}.status-button.preparing{background-color:#fff3cd;color:#856404}.status-button.preparing:hover{background-color:#ffeeba}.status-button.quality_check{background-color:#d1e7dd;color:#0f5132}.status-button.quality_check:hover{background-color:#c3e6cb}.status-button.ready{background-color:#d1e7dd;color:#0f5132}.status-button.ready:hover{background-color:#c3e6cb}.status-button.picked_up{background-color:#d1e7dd;color:#0f5132}.status-button.picked_up:hover{background-color:#c3e6cb}.status-button.completed{background-color:#2a9d8f;color:#fff}.status-button.completed:hover{background-color:#238b7e}.status-button.canceled{background-color:#f8d7da;color:#721c24}.status-button.canceled:hover{background-color:#f5c6cb}.no-order-selected{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px}.no-order-selected i{font-size:3rem;margin-bottom:15px;opacity:.3}@media (max-width:992px){.orders-content{flex-direction:column}.orders-list{max-width:none}}.notifications-container{margin:0 auto;max-width:1200px;padding:0 15px}.notifications-header{margin-bottom:20px}.notifications-content{display:flex;gap:20px}.notifications-list{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;flex:2 1;overflow:hidden}.list-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:15px}.filter-tabs{display:flex}.filter-tab{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:10px;padding:5px 10px;transition:all .2s}.filter-tab.active{background-color:#2a9d8f;color:#fff}.filter-tab:hover:not(.active){background-color:#e9ecef}.list-actions{display:flex;gap:15px}.btn-text{background:none;border:none;color:#2a9d8f;cursor:pointer;font-size:13px;transition:color .2s}.btn-text:hover{color:#218880;text-decoration:underline}.btn-text:disabled{color:#adb5bd;cursor:not-allowed;text-decoration:none}.notifications-items{max-height:600px;overflow-y:auto}.notification-item{border-bottom:1px solid #dee2e6;display:flex;padding:15px;transition:background-color .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#e8f7f6}.notification-item.unread:hover{background-color:#d8f0ee}.notification-icon{align-items:center;background-color:#2a9d8f1a;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:15px;width:40px}.notification-icon i{color:#2a9d8f;font-size:16px}.notification-content{flex:1 1}.notification-title{font-weight:500;margin-bottom:5px}.notification-message{color:#6c757d;font-size:14px;margin-bottom:5px}.notification-time{color:#adb5bd;font-size:12px}.notification-actions{align-items:center;display:flex;gap:10px}.notification-action,.notification-link{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.notification-action:hover,.notification-link:hover{background-color:#e9ecef;color:#212529}.notification-action.mark-read:hover{color:#2a9d8f}.notification-action.delete:hover{color:#dc3545}.no-notifications{align-items:center;color:#adb5bd;display:flex;flex-direction:column;justify-content:center;padding:50px 0}.no-notifications i{font-size:3rem;margin-bottom:15px}.notification-settings{flex:1 1}.settings-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px}.settings-card h3{border-bottom:1px solid #dee2e6;margin-bottom:20px;margin-top:0;padding-bottom:10px}.settings-success{align-items:center;background-color:#d1e7dd;border-radius:4px;color:#0f5132;display:flex;margin-bottom:20px;padding:10px 15px}.settings-success i{margin-right:8px}.settings-section{margin-bottom:25px}.settings-section h4{font-size:16px;margin-bottom:15px}.setting-option{margin-bottom:15px}.switch-label{align-items:center;cursor:pointer;display:flex;font-weight:500;justify-content:space-between}.switch{display:inline-block;height:22px;margin-left:10px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:22px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#2a9d8f}input:focus+.slider{box-shadow:0 0 1px #2a9d8f}input:checked+.slider:before{transform:translateX(20px)}.setting-description{color:#6c757d;font-size:13px;margin-bottom:0;margin-top:5px;padding-left:0}.settings-actions{display:flex;justify-content:flex-end;margin-top:20px}.save-settings-btn{align-items:center!important;background-color:#2a9d8f!important;border:none!important;border-radius:4px!important;color:#fff!important;display:flex!important;flex-direction:column!important;font-size:14px!important;height:44px!important;justify-content:center!important;line-height:1.2!important;text-align:center!important;text-transform:uppercase!important;width:140px!important;word-spacing:100vw!important}@media (max-width:992px){.notifications-content{flex-direction:column}.notification-settings,.notifications-list{width:100%}}.team-access-container{margin:0 auto;max-width:1200px;padding:0 15px}.team-header{margin-bottom:20px}.team-content{margin-bottom:30px}.team-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.team-actions .btn.btn-primary{align-items:center;background-color:#2a9d8f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:44px;justify-content:center;padding:0;text-align:center;text-transform:uppercase;transition:background-color .2s;width:194px}.team-actions .btn.btn-primary:hover{background-color:#218879}.team-actions .btn.btn-primary i{font-size:16px;margin-right:4px}.add-member-form{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px}.add-member-form h3{border-bottom:1px solid #dee2e6;margin-bottom:20px;margin-top:0;padding-bottom:10px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.permissions-section h4{margin-bottom:15px;margin-top:0}.permissions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.permission-item,.permission-item label{align-items:center;display:flex}.permission-item label{cursor:pointer;-webkit-user-select:none;user-select:none}.permission-item input[type=checkbox]{margin-right:8px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.team-table{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.team-table-header{background-color:#f8f9fa;font-weight:500}.team-row,.team-table-header{border-bottom:1px solid #dee2e6;display:flex;padding:15px}.team-row:last-child{border-bottom:none}.team-cell{padding:0 10px}.name-cell{flex:2 1}.role-cell,.status-cell{flex:1 1}.last-login-cell{flex:1.5 1}.permissions-cell{flex:2.5 1}.actions-cell{display:flex;flex:1 1;justify-content:flex-end}.member-name{font-weight:500}.member-email{color:#6c757d;font-size:13px;margin-top:3px}.role-badge{border-radius:12px;display:inline-block;font-size:12px;padding:3px 8px}.badge-admin{background-color:#cff4fc;color:#055160}.badge-manager{background-color:#d1e7dd;color:#0f5132}.badge-staff{background-color:#e2e3e5;color:#383d41}.permissions-list{display:flex;flex-wrap:wrap;gap:5px}.permission-tag{background-color:#e9ecef;border-radius:4px;color:#495057;padding:2px 6px}.permission-tag,.status-badge{display:inline-block;font-size:12px}.status-badge{border-radius:12px;padding:3px 8px}.status-badge.active{background-color:#d1e7dd;color:#0f5132}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s;width:30px}.action-btn:hover{background-color:#e9ecef}.action-btn:first-child{color:#2a9d8f}.action-btn:last-child:hover{background-color:#f8d7da;color:#dc3545}.empty-state{color:#6c757d;padding:40px 20px;text-align:center}.empty-state p{font-size:16px;margin:0}.help-text{color:#6c757d;font-size:14px;margin-bottom:15px;margin-top:5px}@media (max-width:992px){.form-row{grid-template-columns:1fr}.team-table-header{display:none}.team-row{flex-direction:column;padding:15px}.team-cell{padding:5px 0}.team-cell:before{content:attr(data-label);font-weight:500;margin-right:10px}}.add-team-btn{display:none}.add-member-form input[type=email],.add-member-form input[type=text],.add-member-form select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#212529;font-size:14px;height:42px;padding:8px 12px;width:100%}.add-member-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6'%3E%3Cpath fill='%23212529' d='M0 0h8L4 6z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:8px 6px;padding-right:30px}.add-member-form label{color:#212529;display:block;font-weight:500;margin-bottom:8px}:root{--primary-color:#2c3e50;--secondary-color:#34495e;--text-color:#333;--background-color:#f5f6fa;--border-color:#e1e1e1;--nav-height:60px}.desktop-view{background-color:#f5f6fa;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px 20px 80px;padding-bottom:calc(var(--nav-height) + 20px);position:relative}header{margin-bottom:30px;padding:20px 0;position:relative}.logo{margin-bottom:15px;max-width:200px}h1{color:#2c3e50;color:var(--primary-color);font-size:2.5em;font-weight:700;margin:0}.description{color:#34495e;color:var(--secondary-color);margin:0 auto 40px;max-width:800px;text-align:center}.content-wrapper{grid-gap:30px;display:grid;gap:30px;margin-bottom:30px}.nav-left .content-wrapper{grid-template-columns:250px 1fr}.nav-right .content-wrapper{grid-template-columns:1fr 250px}.nav-top .content-wrapper{grid-template-columns:1fr}#menu-navigation{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}#menu-navigation a{border-radius:4px;color:#2c3e50;color:var(--primary-color);display:block;margin-bottom:5px;padding:10px 15px;text-decoration:none;transition:background-color .2s}#menu-navigation a:hover{background-color:#f5f6fa;background-color:var(--background-color)}#menu-navigation a.active{background-color:#2c3e50;background-color:var(--primary-color);color:#fff}#menu-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.menu-item{border-bottom:1px solid #e1e1e1;border-bottom:1px solid var(--border-color);padding:20px}.menu-item:last-child{border-bottom:none}.menu-item h3{color:#2c3e50;color:var(--primary-color);font-size:1.2em;margin:0 0 10px}.menu-item p{color:#34495e;color:var(--secondary-color);line-height:1.4;margin:0 0 10px}.menu-item .price{color:#2c3e50;color:var(--primary-color);font-size:1.1em;font-weight:700}footer{border-top:1px solid #e1e1e1;border-top:1px solid var(--border-color);color:#34495e;color:var(--secondary-color);margin-top:40px;padding:20px}.status-banner{font-weight:700;margin:10px auto;max-width:200px;padding:8px 16px}.hours-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.hours-section h2{color:#2c3e50;color:var(--primary-color);margin-bottom:20px;text-align:center}.hours-grid{grid-gap:10px;display:grid;gap:10px}.hours-row{border-bottom:1px solid #e1e1e1;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:1fr 1fr;padding:8px 0}.hours-row:last-child{border-bottom:none}.hours-row .day{color:#2c3e50;color:var(--primary-color);font-weight:700}.hours-row .time{color:#34495e;color:var(--secondary-color);text-align:right}.bottom-navigation{align-items:center;background:#fff;box-shadow:0 -2px 10px #0000001a;height:60px;height:var(--nav-height);z-index:1000}.bottom-navigation .nav-item{align-items:center;color:#2c3e50;color:var(--primary-color);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:8px;text-align:center;transition:all .2s ease}.bottom-navigation .nav-item:hover{background-color:#0000000d}.bottom-navigation .nav-item svg{margin-bottom:4px}.bottom-navigation .nav-item span{font-size:12px;font-weight:500}.mobile-view{background-color:#f5f5f5;display:flex;flex-direction:column;max-width:100%;min-height:100vh}header{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem;text-align:center}.logo{height:auto;margin:0 auto 1rem;max-width:150px}h1{color:#333;font-size:1.5rem;margin:.5rem 0}.status-banner{border-radius:4px;font-weight:600;margin:1rem 0;padding:.5rem}.status-banner.open{background-color:#4caf50;color:#fff}.status-banner.closed{background-color:#f44336;color:#fff}.description{line-height:1.6}.description,.hours-section{background-color:#fff;margin:1rem 0;padding:1rem}.hours-section h2{color:#333;font-size:1.25rem;margin-bottom:1rem}.hours-grid{display:flex;flex-direction:column;gap:.5rem}.hours-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.5rem 0}.day{color:#666;font-weight:500}.time{color:#333}.menu-section{background-color:#fff;flex:1 1;margin:1rem 0;padding:1rem}.bottom-navigation{background-color:#fff;bottom:0;box-shadow:0 -2px 4px #0000001a;display:flex;justify-content:space-around;left:0;padding:.75rem;position:fixed;right:0}.nav-item{align-items:center;color:#666;display:flex;flex-direction:column;font-size:.75rem}.nav-item span{margin-top:.25rem}footer{color:#666;font-size:.875rem;margin-bottom:4rem;padding:1rem;text-align:center}.loading{align-items:center;color:#666;display:flex;font-size:1.125rem;justify-content:center;min-height:100vh}