.main-layout{background-color:#f8fafc;width:100%;min-height:100vh;display:flex;margin:0!important;padding:0!important}.sidebar{z-index:50;background:#fff;border-right:1px solid #e2e8f0;width:240px;height:100vh;padding:30px 20px;position:fixed;top:0;left:0}.sidebar-header{color:#1e293b;letter-spacing:-.5px;margin-bottom:30px;padding-left:15px;font-size:1.2rem;font-weight:800}.nav-item{cursor:pointer;color:#64748b;border-radius:10px;align-items:center;gap:15px;margin-bottom:5px;padding:14px 15px;transition:all .2s;display:flex}.nav-item:hover{color:#2563eb;background-color:#f1f5f9;transform:translate(5px)}.main-content{flex:1;width:calc(100% - 240px);margin-left:240px;padding:40px}.hero-banner{color:#fff;background-color:#0000;background-image:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=1200);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:16px;align-items:center;width:100%;height:300px;margin-bottom:40px;padding:0 50px;display:flex}.cta-btn{color:#1e293b;cursor:pointer;background:#fff;border:none;border-radius:50px;align-items:center;gap:12px;margin-top:28px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #00000026}.cta-btn:hover{color:#fff;background:#2563eb;transform:translateY(-4px);box-shadow:0 12px 25px #2563eb66}.cta-btn svg{transition:transform .3s}.cta-btn:hover svg{transform:translate(5px)}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:25px;padding:0 4px;display:flex}.section-header h2{color:#0f172a;letter-spacing:-.5px;font-size:1.6rem;font-weight:800}.view-all-btn{cursor:pointer;color:#94a3b8;border-bottom:2px solid #0000;align-items:center;gap:6px;padding-bottom:2px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.view-all-btn:hover{color:#2563eb;border-bottom:2px solid #2563eb}.view-all-btn svg{transition:transform .2s}.view-all-btn:hover svg{transform:translate(3px)}.product-grid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;display:grid}.product-card{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.product-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001a}.img-container{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.img-container img{object-fit:cover;width:100%;height:100%}.product-info{padding:15px}.product-name{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.95rem;font-weight:600;display:-webkit-box;overflow:hidden}.price{color:#0f172a;font-size:1.1rem;font-weight:800}.auth-container{justify-content:center;align-items:center;min-height:70vh;padding:20px;display:flex}.auth-box{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);width:100%;max-width:450px;padding:40px}.auth-title{text-align:center;margin-bottom:8px;font-size:1.8rem;font-weight:800}.auth-subtitle{color:var(--gray);text-align:center;margin-bottom:30px;font-size:.95rem}.input-group{margin-bottom:15px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--gray);position:absolute;left:15px}.input-wrapper input{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:14px 15px 14px 45px;font-size:1rem;transition:border-color .2s}.input-wrapper input:focus{border-color:var(--primary);outline:none}.auth-submit-btn{background:var(--primary);color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:15px;font-size:1.1rem;font-weight:700;display:flex}.auth-footer{text-align:center;color:var(--gray);flex-direction:column;gap:10px;margin-top:25px;font-size:.9rem;display:flex}.text-link-btn{color:var(--primary);cursor:pointer;background:0 0;margin-left:5px;font-weight:700;text-decoration:underline}.signup-container{box-sizing:border-box;background-color:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.signup-card{box-sizing:border-box;background:#fff;border-radius:20px;width:100%;max-width:800px;padding:2.5rem;box-shadow:0 10px 25px -5px #0000000d}.signup-card h2{color:#1e293b;text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:800}.input-group{flex-direction:column;gap:.5rem;display:flex}.field-container{text-align:left}.field-container label{color:#475569;margin-bottom:.4rem;margin-left:.2rem;font-size:.85rem;font-weight:700}.required:after{content:" *";color:#f43f5e}.input-with-btn{gap:.6rem;display:flex}.input-field-wrapper{flex:1;align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:1rem}.success-icon{color:#10b981;position:absolute;right:1rem}.signup-card input{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.8rem;font-size:.95rem;transition:all .2s}.input-field-wrapper.error input{background-color:#fff1f2;border-color:#f43f5e}.signup-card input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.check-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#1e293b;border:none;border-radius:12px;padding:0 1.2rem;font-size:.85rem;font-weight:600;transition:background .2s}.check-btn:hover{background-color:#334155}.helper-text{color:#64748b;height:1rem;margin:.25rem 0 .5rem .2rem;font-size:.75rem}.helper-text.error{color:#f43f5e;font-weight:500}.signup-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:12px;width:100%;margin-top:1.5rem;padding:1rem;font-size:1rem;font-weight:700;transition:transform .1s}.signup-button:active{transform:scale(.98)}.login-link{text-align:center;color:#64748b;margin-top:1.5rem;font-size:.875rem}.login-link button{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-left:.4rem;padding:0;font-weight:600}.back-arrow-wrapper{color:#64748b;cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;position:absolute;top:20px;left:20px}.back-arrow-wrapper:hover{color:#1e293b;background-color:#f1f5f9}.back-arrow-wrapper span{line-height:1}signup-card{padding-top:60px;position:relative}.signup-container{background-color:#f8fafc;justify-content:center;align-items:flex-start;min-height:100vh;padding-top:50px;display:flex}.signup-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:700px;padding:2.5rem;box-shadow:0 10px 25px #0000000d}.type-selection h2{color:#1e293b;margin-bottom:8px;font-size:1.8rem;font-weight:700}.subtitle{color:#64748b;margin-bottom:40px;font-size:1rem}.type-button-group{justify-content:center;gap:20px;margin-bottom:40px;display:flex}.type-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:15px;padding:40px 20px;transition:all .2s;display:flex}.type-btn:hover{background-color:#0056b3;transform:translateY(-4px);box-shadow:0 8px 20px #007bff33}.type-btn strong{font-size:1.25rem;display:block}.type-btn span{opacity:.9;font-size:.9rem}.arrow-icon{margin-top:10px}.login-link{color:#64748b;font-size:.95rem}.login-link button{color:#007bff;cursor:pointer;background:0 0;border:none;margin-left:8px;font-weight:600;text-decoration:underline}.admin-container{background-color:#f8fafc;width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);height:calc(100vh - 64px);max-height:calc(100vh - 64px);margin-top:-2rem;margin-left:calc(1rem - 50vw);margin-right:calc(1rem - 50vw);display:flex;position:relative;left:50%;right:50%;overflow:hidden}.admin-sidebar{box-sizing:border-box;background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;padding:1.5rem 1rem;display:flex;position:absolute;top:0;bottom:0;left:0}.sidebar-header{margin-bottom:2rem}.sidebar-header h3{color:#1e293b;margin:0;padding-left:.5rem;font-size:1.2rem;font-weight:800}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.sidebar-item{color:#64748b;border-radius:10px;align-items:center;gap:12px;padding:.8rem 1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{color:#2563eb;background-color:#f1f5f9}.sidebar-item.active{color:#1d4ed8;background-color:#eff6ff}.admin-content{box-sizing:border-box;width:calc(100% - 260px);height:calc(100vh - 64px);max-height:calc(100vh - 64px);margin-left:260px;padding:2rem;overflow:hidden}@media (width<=1100px){.admin-container{width:calc(100vw - 2rem);margin-left:calc(1rem - 50vw);margin-right:calc(1rem - 50vw)}.admin-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;width:100%;min-height:auto;position:relative}.admin-content{width:100%;margin-left:0;padding:1.5rem}}.product-management-container{flex-wrap:wrap;align-items:stretch;gap:32px;display:flex}.product-management-panel,.product-detail-panel{background:#fff;border-radius:20px;padding:24px;box-shadow:0 0 0 1px #e5e7eb}.product-management-panel{flex:1 1 0;width:100%;min-width:0}.product-detail-panel{width:520px;min-width:420px}.product-management-header,.product-detail-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.product-management-actions{align-items:center;gap:12px;display:flex}.product-management-count{color:#475569;font-size:.95rem;font-weight:700}.product-detail-close{appearance:none;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:8px}.product-detail-close:hover{background:#f1f5f9}.product-management-title{margin:0;font-size:1.5rem}.product-management-subtitle{color:#64748b;margin:8px 0 0}.product-register-button,.product-save-button,.product-delete-button{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:inline-flex}.product-register-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.product-save-button{color:#fff;background:#2563eb;border:none;flex:1}.product-delete-button{color:#dc2626;background:#fff;border:1px solid #f1f5f9;flex:1}.product-search-row{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.product-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:240px;align-items:center;gap:8px;padding:10px 14px;display:flex}.product-search-input input{background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.product-select{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px}.product-table-wrapper{overflow-x:hidden}.product-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0}.product-table th,.product-table td{word-break:break-word;border-bottom:1px solid #f1f5f9;padding:14px;font-size:.95rem}.product-table th{text-align:left;color:#64748b;font-size:12px;font-weight:700}.product-table td{color:#334155;vertical-align:middle}.product-table tr:hover td{background:#fbfcfe}.product-table-footer{flex-direction:column;align-items:center;gap:16px;margin-top:20px;display:flex}.product-pagination{justify-content:center}.product-table-summary{color:#64748b;font-size:.95rem}.product-pagination{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.product-pagination-pages{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.product-pagination-button{appearance:none;color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;font-size:.9rem}.product-pagination-button:hover:not(:disabled){color:#2563eb;border-color:#2563eb}.product-pagination-button:disabled{opacity:.45;cursor:not-allowed}.product-pagination-button.active{color:#fff;background:#2563eb;border-color:#2563eb}.product-status-badge{border-radius:9999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.product-status-badge.sale{color:#16a34a;background:#ecfdf5}.product-status-badge.sold-out{color:#dc2626;background:#fef2f2}.product-status-badge.preparing{color:#52525b;background:#f8fafc}.product-table-action{cursor:pointer;color:#2563eb;background:0 0;border:none}.product-detail-header h3{margin:0;font-size:1.2rem}.product-detail-header span{color:#94a3b8;font-size:12px}.product-detail-form{gap:14px;display:grid}.product-detail-form label{color:#475569;font-size:12px}.product-detail-form input,.product-detail-form select,.product-detail-form textarea{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-top:8px;padding:10px 12px;font-size:.95rem}.product-detail-form textarea{resize:vertical}.product-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.product-detail-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.product-table-img-wrapper{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.product-table-img-wrapper img{object-fit:cover;width:100%;height:100%}@media (width<=1100px){.product-management-container{flex-direction:column}.product-detail-panel,.product-management-panel{width:100%;min-width:0}}*,:after,:before,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.hidden{display:none}.size-4{width:1rem;height:1rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-5,.h-\[1\.25rem\]{height:1.25rem}.w-12{width:3rem}.w-36{width:9rem}.w-5{width:1.25rem}.w-64{width:16rem}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-gray-900\/25{border-color:#11182740}.bg-blue-600\/10{background-color:#2563eb1a}.bg-transparent{background-color:#0000}.fill-none{fill:none}.stroke-current{stroke:currentColor}.stroke-2{stroke-width:2px}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.filter{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)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-\[var\(--progress-width\)\]:after{content:var(--tw-content);width:var(--progress-width)}.after\:bg-blue-600:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.after\:transition-\[width\]:after{content:var(--tw-content);transition-property:width;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.focus-within\:outline-none:focus-within{outline-offset:2px;outline:2px solid #0000}.focus-within\:ring-2:focus-within{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-blue-600:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:hidden{display:none}.data-\[state\=disabled\]\:cursor-not-allowed[data-state=disabled],.data-\[state\=readying\]\:cursor-not-allowed[data-state=readying]{cursor:not-allowed}.data-\[state\=disabled\]\:bg-blue-400[data-state=disabled]{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.data-\[state\=ready\]\:bg-blue-600[data-state=ready]{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.data-\[state\=readying\]\:bg-blue-400[data-state=readying],.data-\[state\=uploading\]\:bg-blue-400[data-state=uploading]{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.data-\[state\=uploading\]\:after\:bg-blue-600[data-state=uploading]:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.mgmt-content-area{box-sizing:border-box;background:#fff;border-radius:20px;flex-direction:column;gap:24px;width:100%;min-width:0;height:100%;min-height:0;padding:24px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #e5e7eb}.mgmt-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;display:flex}.mgmt-header h2{color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.mgmt-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.search-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;transition:all .2s;display:flex}.search-bar:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.search-bar input{color:#1e293b;background:0 0;border:none;outline:none;width:260px;font-size:.95rem}.status-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 16px;font-size:.95rem}.status-select:hover{border-color:#cbd5e1}.table-wrapper{flex:1;width:100%;min-height:0;overflow-y:auto}.mgmt-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.mgmt-table th{color:#64748b;z-index:1;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px;font-size:.8rem;font-weight:700;position:sticky;top:0}.mgmt-table td{color:#334155;word-break:break-word;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 16px;font-size:.95rem}.mgmt-table tr:hover td{background:#fbfcfe}.status-badge{border-radius:9999px;justify-content:center;align-items:center;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.status-badge.pending{color:#d97706;background:#fffbeb}.status-badge.approved{color:#16a34a;background:#ecfdf5}.status-badge.rejected{color:#dc2626;background:#fef2f2}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-width:170px;min-height:50px;display:flex}.no-action{color:#94a3b8;justify-content:center;align-items:center;width:100%;min-height:40px;font-size:.95rem;display:inline-flex}.btn-icon{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:10px;padding:8px;transition:transform .2s,background .2s,color .2s}.btn-icon:hover{transform:translateY(-1px)}.btn-icon.approve:hover{color:#16a34a;background:#f0fdf4}.btn-icon.reject:hover{color:#dc2626;background:#fef2f2}.btn-icon.view:hover{color:#2563eb;background:#eff6ff}.pagination{justify-content:center;gap:10px;padding-top:16px;display:flex}.page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:40px;height:40px;font-weight:600}.page-btn.active{color:#fff;background:#2563eb}@media (width<=1100px){.mgmt-content-area{padding:20px}.mgmt-header{flex-direction:column;align-items:stretch;gap:12px}.mgmt-controls{justify-content:space-between;width:100%}.search-bar{width:100%}.status-select{min-width:160px}}@media (width<=768px){.mgmt-content-area{border-radius:0;padding:16px}.mgmt-header{gap:12px}.search-bar,.status-select{width:100%}.mgmt-table th,.mgmt-table td{padding:12px}}.category-mgmt-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.category-mgmt-container .mgmt-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.category-mgmt-container .mgmt-header h2{color:#333;font-size:1.5rem;font-weight:700}.category-mgmt-container .mgmt-controls{align-items:center;gap:12px;display:flex}.category-mgmt-container .search-bar{background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;padding:5px 15px;display:flex;box-shadow:0 2px 4px #0000000d}.category-mgmt-container .search-bar input{border:none;outline:none;width:200px;padding:8px;font-size:.9rem}.category-mgmt-container .status-select{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-weight:600;transition:background .2s;display:flex}.category-mgmt-container .table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.category-mgmt-container .mgmt-table{border-collapse:collapse;width:100%}.category-mgmt-container .mgmt-table th{color:#475569;background-color:#f1f5f9;border-bottom:2px solid #e2e8f0;padding:15px;font-weight:600}.category-mgmt-container .mgmt-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:15px}.category-mgmt-container .edit-input{border:2px solid #4f46e5;border-radius:6px;outline:none;width:90%;padding:8px 12px}.category-mgmt-container .btn-icon{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.category-mgmt-container .btn-icon.view{color:#4f46e5}.category-mgmt-container .btn-icon.approve{color:#10b981}.category-mgmt-container .btn-icon.reject{color:#ef4444}.error-container{justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.icon-wrapper{background-color:#fff1f2;border-radius:50%;margin-bottom:1.5rem;padding:1rem;display:inline-flex}.error-card h1{color:#1e293b;margin-bottom:1rem;font-size:1.75rem;font-weight:800}.error-card p{color:#64748b;margin-bottom:2rem;line-height:1.6}.button-group{justify-content:center;gap:12px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.btn-primary{color:#fff;background-color:#2563eb}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{color:#475569;background-color:#f1f5f9}.btn-secondary:hover{background-color:#e2e8f0}.error-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 120px);padding:40px 24px;display:flex}.error-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:520px;padding:40px 32px;box-shadow:0 18px 50px #0f172a14}.icon-wrapper{background:#fff7ed;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:24px;display:inline-flex}.error-card h1{color:#0f172a;margin:0 0 16px;font-size:2rem}.error-card p{color:#475569;margin:0 0 28px;line-height:1.75}.button-group{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:700;display:inline-flex}.btn-primary{color:#fff;background:#2563eb}.btn-secondary{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.btn-primary:hover,.btn-secondary:hover{opacity:.95}.product-list-container{width:90%;max-width:1200px;margin:0 auto;padding:2rem 0}.product-search-input{border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:1rem;padding:.5rem;font-size:1rem}.product-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.product-card{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:1rem;transition:transform .2s}.product-card:hover{transform:translateY(-3px)}.product-image{object-fit:cover;border-radius:4px;width:100%;height:auto}.product-name{margin:.5rem 0;font-size:1.1rem}.product-price{color:#333;font-weight:700}.loading-text,.end-text{text-align:center;color:#555;margin:1rem 0;font-weight:500}.product-detail-container{max-width:1200px;margin:40px auto;padding:0 20px}.product-detail-main{gap:50px;margin-bottom:40px;display:flex}.product-detail-image{flex:1}.product-detail-image img{border-radius:8px;width:100%}.product-detail-info{flex:1}.product-title{margin-bottom:15px;font-size:2.5rem}.product-price-display{border-bottom:1px solid #ddd;margin-bottom:30px;padding-bottom:20px;font-size:1.8rem;font-weight:700}.product-actions{gap:15px;display:flex}.buy-button{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:4px;flex:2;padding:18px;font-weight:700}.cart-button{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1;padding:18px}.product-description-section{margin:50px 0}.product-tab-section{border:1px solid #000;margin-top:50px}.product-tabs{border-bottom:1px solid #000;width:100%;display:flex}.product-tab{text-align:center;cursor:pointer;border-right:1px solid #000;flex:1;padding:20px 0;font-size:1.2rem;font-weight:700}.product-tab:hover{background-color:#f5f5f5}.tab-content-area{text-align:center;min-height:200px;padding:60px 20px}.section-divider{background:#ccc;border:0;height:1px;margin:40px 0}.product-tab-section{border:1px solid #000}.product-tabs{background-color:#f9f9f9;border-bottom:1px solid #000;width:100%;display:flex}.product-tab{text-align:center;cursor:pointer;color:#888;border-right:1px solid #000;flex:1;padding:20px 0;font-size:1.2rem;font-weight:700;transition:all .2s}.product-tab:last-child{border-right:none}.product-tab.active{color:#000;background-color:#fff;box-shadow:inset 0 -4px #000}.tab-content-area{text-align:center;background-color:#fff;min-height:250px;padding:60px 20px;font-size:1.1rem}.search-page-container{gap:30px;max-width:1400px;margin:0 auto;display:flex}.search-sidebar{border:3px solid #000;border-radius:8px;flex-shrink:0;width:250px;height:fit-content;padding:20px;position:sticky;top:90px}.filter-header{border-bottom:4px solid #000;justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.filter-header h4{color:#000;padding-bottom:8px;font-size:1.2rem;font-weight:800;border-bottom:none!important;margin-bottom:0!important}.filter-reset-btn{color:#666;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:800;text-decoration:underline}.filter-section{margin-bottom:25px}.filter-section h4{color:#000;border-bottom:4px solid #000;margin-bottom:15px;padding-bottom:8px;font-size:1.2rem;font-weight:800}.filter-section ul{margin:0;padding:0;list-style:none}.filter-section li{color:#000;cursor:pointer;align-items:center;gap:8px;height:24px;margin-bottom:10px;font-weight:800;display:flex;overflow:hidden}.filter-section li input[type=checkbox]{cursor:pointer;accent-color:#000;flex-shrink:0;width:20px;height:20px;margin:0}.filter-section label{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;line-height:1.2;overflow:hidden}.price-inputs{align-items:center;gap:5px;display:flex}.price-inputs input{-moz-appearance:textfield;border:3px solid #000;border-radius:4px;outline:none;width:100%;padding:8px;font-weight:800}.price-inputs input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.filter-apply-btn{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px;font-weight:700}.search-results{flex-grow:1}.search-info{margin-bottom:20px}.search-info h3{font-size:1.4rem;font-weight:500}.search-info strong{color:#007bff}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}.no-results-container{background-color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:20px;padding:100px 20px;display:flex}.no-results-icon{margin-bottom:20px;font-size:50px}.no-results-text{color:#333;margin-bottom:10px;font-size:22px;font-weight:700}.no-results-sub{color:#888;font-size:16px}.search-result-title{color:#333;align-items:center;gap:10px;margin-bottom:20px;display:flex}.clear-keyword-btn{cursor:pointer;color:#fff;background-color:#06f;border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .2s;display:flex}.clear-keyword-btn:hover{background-color:#0052cc}.clear-keyword-btn svg{display:block}.all-product-title{color:#333;margin-bottom:20px}:root{--primary:#2563eb;--bg:#f8fafc;--white:#fff;--text:#1e293b;--border:#e2e8f0;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Pretendard,sans-serif}.layout-container{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--white);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}@media (width<=768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-links{justify-content:space-around;width:100%;font-size:.9rem}}.layout-container{width:100%}.navbar{border-bottom:1px solid var(--border);background-color:#fff;justify-content:space-between;align-items:center;height:70px;padding:1rem 2rem;display:flex;position:relative}.logo{color:inherit;font-size:1.5rem;font-weight:700;text-decoration:none}.absolute-search-wrapper{z-index:10;position:absolute;left:50%;transform:translate(-50%)}.search-form{align-items:center;gap:5px;display:flex}.search-input{border:1px solid #ddd;border-radius:4px;width:250px;padding:8px 12px}.search-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:8px 16px}.nav-links{align-items:center;gap:20px;display:flex}.nav-item{color:inherit;align-items:center;gap:4px;font-size:1rem;text-decoration:none;display:flex}.admin-link{font-weight:700;color:var(--primary)!important}.nav-btn{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:1rem;display:flex}.signup-btn{background-color:var(--primary);color:#fff;border-radius:8px;padding:.5rem 1rem;text-decoration:none}.main-content{padding:2rem}.search-form{justify-content:center;gap:10px;margin:20px 0;padding:0 15px;display:flex}.search-input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;max-width:400px;padding:12px 15px;font-size:16px;transition:border-color .2s}.search-input:focus{border-color:#007bff}.search-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#007bff;border:none;border-radius:8px;padding:10px 20px;font-size:16px}.search-button:hover{background-color:#0056b3}