@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Playwrite+NZ+Basic&display=swap";@import"https://fonts.googleapis.com/css2?family=Playwrite+NZ+Basic:wght@100..400&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}#root{display:flex;flex-direction:column}#root>div{flex:1;display:flex;flex-direction:column}main{flex:1}.bottom-nav{bottom:0;width:100%;height:68px;background-color:#fff;border-top:1px solid #f0f0f0;z-index:1000;display:flex;align-items:center}.bottom-nav .nav-list{display:flex;justify-content:space-around;width:100%;margin:0;padding:0;list-style:none}.bottom-nav .nav-list .nav-item{flex:1}.bottom-nav .nav-list .nav-item a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#b0b0b0;transition:color .2s ease}.bottom-nav .nav-list .nav-item a .nav-icon{width:24px;height:24px;margin-bottom:4px}.bottom-nav .nav-list .nav-item a span{font-size:11px;font-weight:500}.bottom-nav .nav-list .nav-item a.active{color:#8a2be2}.bottom-nav .nav-list .nav-item a.active .nav-icon{stroke:#8a2be2}.common-header{width:100%;padding:10px;background-color:#fff;margin:0 auto;box-sizing:border-box;z-index:100;border-bottom:1px solid #f0f0f0}.common-header .header-inner{display:flex;justify-content:space-between;align-items:center}.common-header .header-inner .logo{font-family:Playwrite NZ Basic,sans-serif;font-size:calc(var(--font-base) * .667);color:#7c9aff;cursor:pointer}.common-header .header-inner .user-icon{width:26px;aspect-ratio:1/1;background-color:#f0f7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#7c9aff}.common-header .header-inner .user-icon svg{width:16px}.main-content{width:100%;margin:0 auto;background-color:#f8faff;padding-bottom:80px;position:relative}.main-content .hero-banner{width:100%;height:180px;background:linear-gradient(#0000004d,#0000004d),url(https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1000&q=80);background-size:cover;background-position:center;display:flex;align-items:center;color:#fff;border-radius:16px;margin-bottom:16px}.main-content .hero-banner .banner-text{padding:24px;height:0}.main-content .hero-banner .banner-text h2{font-size:1.4rem;margin:0}.main-content .hero-banner .banner-text p{font-size:1.3rem;margin:0}.main-content .category-menu{display:flex;justify-content:space-around;padding:24px 40px;background:#fff;border-radius:16px}.main-content .category-menu .category-item{text-align:center}.main-content .category-menu .category-item .icon-box{width:50px;height:50px;background-color:#f0f7ff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:8px}.main-content .category-menu .category-item span{font-size:.8rem;color:#666}.main-content .filter-section{padding:10px 15px}.main-content .filter-section .filter-group{display:flex;flex-wrap:wrap;gap:8px}.main-content .filter-section .filter-group .filter-empty{margin:0;color:#9ca3af;font-size:.9rem}.main-content .filter-section .filter-group .filter-chip{padding:10px 18px;border-radius:999px;border:1px solid #ddd;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.main-content .filter-section .filter-group .filter-chip:hover{border-color:#3b82f6;color:#3b82f6}.main-content .filter-section .filter-group .filter-chip.active{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:500;box-shadow:0 4px 10px #3f51b533}.main-content .filter-section .filter-group .filter-chip:active{transform:scale(.97)}.main-content .search-section{padding:16px 0;width:100%}.main-content .search-section .search-bar{background:#e0f2fe;padding:15px 20px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 0 0 1px #d1deee}.main-content .search-section .search-bar .text h4{color:#7c9aff;font-size:.9rem;margin-bottom:4px}.main-content .search-section .search-bar .text p{font-size:.75rem;color:#aaa}.main-content .search-section .search-bar .search-btn{background:#7c9aff;color:#fff;border:none;width:35px;height:35px;border-radius:10px}.main-content .product-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.main-content .product-section .section-header h3{font-size:1.1rem}.main-content .product-section .section-header .view-all{font-size:.8rem;color:#bbb}.main-content .product-section .card-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.main-content .product-section .card-list .product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px #0000000d;margin-bottom:20px}.main-content .product-section .card-list .product-card .card-image img{width:100%;height:180px;object-fit:cover}.main-content .product-section .card-list .product-card .card-info{padding:15px}.main-content .product-section .card-list .product-card .card-info .title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.main-content .product-section .card-list .product-card .card-info .title-row .title-text{min-width:0;flex:1}.main-content .product-section .card-list .product-card .card-info .title-row h4{font-size:.95rem;width:100%;line-height:1.3;margin:0}.main-content .product-section .card-list .product-card .card-info .title-row .description{margin:6px 0 0;font-size:.8rem;line-height:1.35;color:#6b7280}.main-content .product-section .card-list .product-card .card-info .price{color:#7c9aff;font-weight:700;font-size:.9rem;white-space:nowrap}.main-content .product-section .card-list .product-card .card-info .status{font-size:.75rem;color:#4caf50;margin:8px 0;display:flex;justify-content:space-between;width:50%}.main-content .product-section .card-list .product-card .card-info .footer-row{display:flex;justify-content:space-between;align-items:center}.main-content .product-section .card-list .product-card .card-info .footer-row .rating{font-size:.8rem;color:#888}.main-content .product-section .card-list .product-card .card-info .footer-row .detail-btn{background:#7c9aff;color:#fff;border:none;padding:6px 15px;border-radius:8px;font-size:.8rem}.main-content .more-btn{width:100%;padding:12px;background:#f3f0ff;color:#bbaeff;border:none;border-radius:12px;font-weight:700}.main-content .top-btn{position:fixed;right:20px;bottom:85px;width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 4px 10px #0000001a;border:none;z-index:10}.login-page{width:100%;min-height:100vh;background-color:#eef4ff;padding:32px 20px 100px;box-sizing:border-box}.login-page .login-header{padding-inline:24px;max-width:375px;margin:0 auto 32px;display:flex;gap:16px}.login-page .login-header .back-btn{width:40px;height:40px;border:none;border-radius:50%;background:#60a5fa;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.login-page .login-header .back-btn .material-icons{font-size:36px}.login-page .login-header h2{font-size:calc(var(--font-base) * 1.333);font-weight:700;color:#333;margin:0}.login-page .login-header p{font-size:calc(var(--font-base) * .667);color:#888}.login-page .login-form{padding-inline:24px;max-width:375px;margin:0 auto}.login-page .login-form .input-group{background:#fff;border-radius:15px;padding:5px 15px;box-shadow:0 4px 15px #00000008;margin-bottom:12px}.login-page .login-form .input-group input{width:100%;padding:20px 5px;border:none;font-size:var(--font-base);outline:none;background:transparent}.login-page .login-form .input-group input:first-child{border-bottom:1px solid #f2f2f7}.login-page .login-form .input-group input::placeholder{color:#ccc}.login-page .login-form .form-helper{text-align:right;margin-bottom:25px}.login-page .login-form .form-helper .text-link{background:none;border:none;color:#999;font-size:calc(var(--font-base) * .667);cursor:pointer}.login-page .login-form .login-submit-btn{width:100%;height:58px;background-color:#d6ccff;color:#4a4a4a;border:none;border-radius:15px;font-size:var(--font-base);font-weight:700;cursor:pointer;margin-bottom:25px}.login-page .login-form .login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-page .login-form .signup-prompt{text-align:center;font-size:calc(var(--font-base) * .667);color:#777}.login-page .login-form .signup-prompt span{color:#7c9aff;font-weight:700;margin-left:5px;cursor:pointer;text-decoration:underline}.login-page .social-login{padding-inline:24px;max-width:375px;margin:50px auto 0}.login-page .social-login .divider{text-align:center;position:relative;margin-bottom:25px}.login-page .social-login .divider:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#e0e0e0;z-index:1}.login-page .social-login .divider span{position:relative;background:#eef4ff;padding:0 15px;color:#aaa;font-size:calc(var(--font-base) * .667);z-index:2}.login-page .social-login .social-buttons{display:flex;flex-direction:column;gap:12px}.login-page .social-login .social-buttons .social-item{display:flex;align-items:center;width:100%;border:none;background:#fff;padding:18px 20px;border-radius:18px;box-shadow:0 2px 10px #00000005;cursor:pointer;position:relative;text-align:left;font-family:inherit}.login-page .social-login .social-buttons .social-item:disabled{opacity:.7;cursor:not-allowed}.login-page .social-login .social-buttons .social-item .logo{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-weight:900;color:#fff}.login-page .social-login .social-buttons .social-item.naver .logo{background-color:#03c75a}.login-page .social-login .social-buttons .social-item.kakao .logo{background-color:#fee500;color:#3c1e1e}.login-page .social-login .social-buttons .social-item.google .logo{background-color:#fff;border:1px solid #eee;color:#777}.login-page .social-login .social-buttons .social-item .label{font-size:calc(var(--font-base) * .667);font-weight:600;color:#444;flex-grow:1}.login-page .social-login .social-buttons .social-item .arrow{color:#ddd;font-size:calc(var(--font-base) * .667);font-weight:700}.join{width:100%;padding:32px 0;background:#eef4ff;font-family:Noto Sans KR,sans-serif}.join .back-btn{width:40px;height:40px;border:none;border-radius:50%;background:#60a5fa;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.join .back-btn .material-icons{font-size:36px}.join__title{max-width:375px;margin:0 auto 32px;display:flex;gap:16px;padding-left:24px}.join__title h1{font-size:calc(var(--font-base) * 1.112);font-weight:700;margin-top:0}.join__title p{font-size:calc(var(--font-base) * .667);color:#0009}.join__form{max-width:375px;margin:0 auto;padding-inline:24px}.join__form .form-group{display:flex;flex-direction:column;margin-bottom:20px}.join__form .form-group label{font-size:calc(var(--font-base) * .667);font-weight:600;margin-bottom:6px}.join__form .form-group .input-wrap{position:relative;overflow:visible}.join__form .form-group .input-wrap input{width:100%;height:52px;border-radius:12px;border:1px solid rgba(0,0,0,.08);padding:18px 14px 6px;font-size:calc(var(--font-base) * .667);background:#fff;outline:none;transition:border-color .2s ease}.join__form .form-group .input-wrap input:focus{border-color:#7c9aff}.join__form .form-group .float-placeholder{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:calc(var(--font-base) * .667);color:#00000073;pointer-events:none;transition:all .18s ease;background:#fff;padding:0 2px;z-index:1}.join__form .form-group .input-wrap:focus-within .float-placeholder,.join__form .form-group .input-wrap input:not(:placeholder-shown)+.float-placeholder{top:7px;transform:translateY(0);font-size:11px;color:#7c9aff}.join__form .form-group .error{font-size:11px;color:red;margin-top:4px}.join__form .email-box{display:flex;align-items:center;gap:6px}.join__form .email-box .input-wrap{flex:1;min-width:0}.join__form .email-box .at{font-size:calc(var(--font-base) * .667)}.join__form .agreement{font-size:11px;color:#0009;margin:10px 0 22px}.join__form .agreement span{color:#7c9aff;cursor:pointer}.join__form .join-btn{display:block;width:100%;height:50px;border-radius:14px;border:none;background:#7c9aff;color:#fff;font-family:Noto Sans KR,sans-serif;font-size:calc(var(--font-base) * .667);font-weight:600;cursor:pointer;transition:.2s}.join__form .join-btn:hover{opacity:.9}.join__form .join-btn:active{transform:scale(.98)}.join__sns{margin-top:42px;text-align:center}.join__sns p{font-size:calc(var(--font-base) * .667);color:#00000080;margin-bottom:14px}.join__sns .sns-icons{display:flex;justify-content:center;gap:18px}.join__sns .sns{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-base) * .667);font-weight:700;cursor:pointer;transition:.2s}.join__sns .n{background:#03c75a;color:#fff}.join__sns .k{background:#fee500;color:#000}.join__sns .g{background:#ddd;color:#000}.join__sns .sns:hover{transform:translateY(-2px)}.admin-tt,.checkout-container .header h2{font-family:Noto Sans KR,sans-serif;font-size:24px;font-weight:700;line-height:1}.admin-label,.checkout-container .summary-card .total-row span,.checkout-container .payment-method label{font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:700;line-height:1}.admin-sub,.checkout-container .payment-method .card-selector b{font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:700;line-height:1}.admin-desc,.checkout-container .summary-card .row{font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:400;line-height:1}.admin-list-desc,.checkout-container .security-info .text{font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:400;line-height:1}.checkout-container{width:100%;max-width:430px;margin:0 auto;background-color:#fff;font-family:Noto Sans KR,sans-serif;display:flex;flex-direction:column}.checkout-container .header{padding:24px 20px;display:flex;align-items:center;gap:16px}.checkout-container .header .back-btn{width:40px;height:40px;background-color:#7c9aff;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:700}.checkout-container .header h2{margin:0}.checkout-container .summary-card{margin:0 20px;padding:30px;background-color:#d6ccff;border-radius:32px}.checkout-container .summary-card .row{display:flex;justify-content:space-between;margin-bottom:16px}.checkout-container .summary-card .row.discount{color:#4973ff;margin-bottom:24px}.checkout-container .summary-card .divider{height:1px;background-color:#0000001a;margin-bottom:24px}.checkout-container .summary-card .total-row{display:flex;justify-content:space-between;align-items:center}.checkout-container .summary-card .total-row .price{font-size:calc(var(--font-base) * 1.333);font-weight:900;color:#305fff}.checkout-container .payment-method{padding:32px 20px}.checkout-container .payment-method label{display:block;margin-bottom:16px}.checkout-container .payment-method .card-selector{width:100%;padding:24px;border-radius:20px;border:2px solid #7c9aff;background-color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px}.checkout-container .payment-method .card-selector span{font-size:24px}.checkout-container .security-info{margin:0 20px;padding:16px;background-color:#eef4ff;border-radius:16px;display:flex;gap:12px}.checkout-container .security-info .icon{color:#7c9aff}.checkout-container .security-info .text b{color:#000;display:block;margin-bottom:4px}.checkout-container .security-info .text p{margin:0;color:#666}.checkout-container .submit-container{padding:20px;margin-top:auto}.checkout-container .submit-container .submit-btn{width:100%;padding:20px;border-radius:20px;border:none;background-color:#7c9aff;color:#fff;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #7c9aff4d}.mypage-main{min-height:calc(100vh - 120px);background:#eef4ff;padding:22px 12px 96px}.mypage-profile{max-width:375px;margin:10px auto 0;display:flex;flex-direction:column;align-items:center}.profile-image-wrap{position:relative;width:126px;height:126px}.profile-image{width:126px;height:126px;border-radius:50%;border:5px solid #f6f6f2;overflow:hidden;box-shadow:0 2px 10px #0000000a}.profile-image svg{width:100%;height:100%;display:block}.profile-edit{position:absolute;right:-2px;bottom:8px;width:34px;height:34px;border:2px solid #ffffff;border-radius:50%;background:#4aafff;color:#fff;display:flex;justify-content:center;align-items:center}.profile-edit svg{width:14px;height:14px}.welcome-text{margin:20px 0 0;font-size:17px;font-weight:600;color:#1f2937}.mypage-actions{max-width:375px;margin:22px auto 0;display:flex;flex-direction:column;gap:10px}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-card{border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:21px;font-weight:500;color:#1f2937;background:#fff;line-height:1}.action-card.large{height:46px}.action-card.small{height:38px;font-size:15px;gap:4px}.action-card.primary{background:#cdc4e5}.action-card.secondary{border:1px solid #d9e2ee;background:#fff}.action-card.outline{color:#49a8ff;border-color:#8dcfff}.action-card .icon{font-size:.95em}.mypage-summary{max-width:375px;margin:24px auto 0;border-radius:10px;background:#eceff3;min-height:86px;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center}.summary-item{display:flex;flex-direction:column;align-items:center;gap:6px}.summary-item .label{font-size:13px;color:#6b7280}.summary-item .value{font-size:29px;color:#49a8ff;line-height:1}.summary-divider{width:1px;height:56%;background:#d7dce4}.admin_header{position:relative;text-align:center;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);min-height:52px;display:flex;align-items:center;justify-content:center}.admin_header h1{display:inline-flex;align-items:center;margin:0;padding:12px;font-family:Playwrite NZ Basic,sans-serif;font-size:12px;color:#4aabf7;cursor:pointer}.admin_header .logout-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;border:1px solid #4AABF7;background:#e0f2f6;color:#86b1df;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.admin_header .logout-btn .material-icons{font-size:18px}.logo-tt{font-family:Playwrite NZ Basic,sans-serif;font-size:calc(var(--font-base) * .667);font-weight:400;line-height:1}.admin_bottom{width:100%;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding:18px 0;margin-top:auto}.admin_bottom p{margin-top:0;font-family:Noto Sans KR,sans-serif;font-size:10px;font-weight:700;line-height:1}.admin_bottom a{text-decoration:none;color:#94a3b8;display:flex;flex-direction:column;align-items:center}.admin_bottom .material-icons{font-size:22px;margin-bottom:2px}.admin_bottom a.active{color:#8b5cf6}.admin{width:100%;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.admin_content{flex:1}:root{--font-base: 18px}.main-content{width:100%;margin:0 auto;background-color:#eef4ff;padding:16px;position:relative}.admin-tt{font-family:Noto Sans KR,sans-serif;font-size:24px;font-weight:700;line-height:1}.admin-label{font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:700;line-height:1}.admin-sub{font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:700;line-height:1}.admin-desc{font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:400;line-height:1}.admin-list-desc{font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:400;line-height:1}.admin-product{font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:500;line-height:1}.admin-iamge{font-family:Noto Sans KR,sans-serif;font-size:12px;font-weight:400;line-height:1}.admin-dashboard{text-align:center;width:100%;height:100%;background:#eef4ff}.admin-dashboard .admin-title{padding:2rem 24px 0;margin-top:0;margin-bottom:2rem;position:relative}.admin-dashboard .admin-title:after{content:"";display:block;width:80px;height:4px;background-color:#7c3aed;margin:.5rem auto 0;border-radius:2px}.admin-dashboard .admin-menu{max-width:375px;margin:0 auto;padding:0 24px 80px;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;justify-items:center}.admin-dashboard .admin-menu .admin-card{background-color:#fff;width:160px;height:150px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1rem;font-weight:500;color:#333;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.admin-dashboard .admin-menu .admin-card p.material-icons{width:72px;height:72px;border-radius:18px;display:flex;justify-content:center;align-items:center;margin:0 0 16px;font-size:34px}.admin-dashboard .admin-menu .admin-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026;background-color:#f3f0ff}.admin-dashboard .admin-menu .admin-card .admin-icon{width:48px;height:48px;margin-bottom:.75rem}.admin-dashboard .admin-menu .admin-card.admin-card-products p.material-icons{background:#f5f3ff;color:#8b5cf6}.admin-dashboard .admin-menu .admin-card.admin-card-members p.material-icons{background:#eff6ff;color:#3b82f6}.admin-dashboard .admin-menu .admin-card.admin-card-notice p.material-icons{background:#fff7ed;color:#f79316}.admin-dashboard .admin-menu .admin-card.admin-card-coupon p.material-icons{background:#fdf2f8;color:#ec4899}.admin-product-page{background:#eef4ff;padding:24px 0 0}.list-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px}.list-title-group{display:flex;align-items:center;gap:12px}.list-title-group h2{margin:0;color:#111827}.list-back-btn{width:40px;height:40px;border:none;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.list-back-btn .material-icons{font-size:36px}.list-count{margin:4px 0 0;color:#6b7280}.list-count strong{color:#9575cd}.list-add-btn{border:none;border-radius:999px;background:#3b82f6;color:#fff;font-weight:700;font-size:.9rem;padding:12px 18px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px}.list-add-btn .material-icons{font-size:18px}.list-search{margin:18px 24px 0;padding:14px;border-radius:16px;background:#fff;display:flex;align-items:center;gap:8px}.list-search .material-icons{color:#9ca3af;font-size:24px}.list-search input{width:100%;border:none;outline:none;font-size:1.05rem;background:transparent;color:#1f2937}.admin-product-list{display:flex;flex-direction:column;gap:16px;padding:1.5rem 0 2rem;width:100%;background:#eef4ff}.admin-product-card{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 10px #0000000d;margin:0 24px}.admin-product-card img{width:100%;height:180px;object-fit:cover}.card-content{padding:18px 16px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-texts{min-width:0;flex:1}.card-texts .card-title-link{display:inline-block;color:inherit;text-decoration:none}.card-texts .card-title-link:hover h3{text-decoration:underline}.card-texts h3{display:inline;margin:0;font-size:1.15rem;font-weight:700;color:#1f2937}.description{margin:8px 0 0;font-size:.95rem;line-height:1.35;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-actions{display:flex;align-items:center;gap:8px}.action-btn{width:48px;height:48px;border:none;border-radius:50%;background:#e5e7eb;color:#4b5563;display:flex;align-items:center;justify-content:center;cursor:pointer}.action-btn .material-icons{font-size:20px}.pagination-wrap{display:flex;justify-content:center;align-items:center;padding:16px 24px 24px;background:#eef4ff}.pagination{display:flex;align-items:center;gap:10px}.page-btn,.page-arrow{width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:#475569;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.page-btn.active{background:#3b82f6;color:#fff;font-weight:700}.page-arrow:disabled{opacity:.35;cursor:not-allowed}.page-arrow-placeholder{visibility:hidden}.pagination-ellipsis{color:#94a3b8;font-size:20px;line-height:1;padding:0 2px}.scroll-top-btn{position:fixed;right:max(16px,(100vw - 375px) / 2 + 16px);bottom:86px;width:52px;height:52px;border:1px solid #e5e7eb;border-radius:50%;background:#f3f4f6;color:#1f2937;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:0 2px 6px #00000014}.scroll-top-btn .material-icons{font-size:24px}.product-create{width:100%;height:100%;background:#eef4ff;margin-bottom:1.5rem}.product-create .title{margin:0}.product-create form{max-width:375px;margin:0 auto;padding:0 24px}.product-create .subtitle{color:#666;margin:4px 0 0}.product-create .form-group{margin-bottom:18px;display:flex;flex-direction:column}.product-create .form-group label{font-size:14px;margin-bottom:6px}.product-create .form-group input,.product-create .form-group textarea{padding:12px;border-radius:12px;border:1px solid #ddd;background:#fff}.product-create .form-group textarea{min-height:120px;resize:none}.product-create .desc-label{display:inline-flex;align-items:center;margin-bottom:6px;gap:6px}.product-create .desc-label label{margin-bottom:0}.product-create .ai-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.2;color:#1d4ed8;background:#dbeafe;cursor:pointer;border:1px solid #93c5fd}.product-create .ai-badge:disabled{opacity:.6;cursor:not-allowed}.product-create .row{display:grid;grid-template-columns:152px 2fr;gap:12px}.product-create .submit-btn{width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(90deg,#4f8cff,#3b82f6);color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.product-create .error{color:#ff4d4f;font-size:.8rem;margin-top:4px}.product-create input.error-input,.product-create textarea.error-input{border:1px solid #ff4d4f}.product-create .image-upload-box{position:relative;border-radius:16px;background:#fff;padding:40px;text-align:center;border:1px dashed #ccc;cursor:pointer}.product-create .image-upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.product-create .image-preview{width:100%;max-height:220px;object-fit:cover;border-radius:16px}.product-create .page-header{max-width:375px;margin:0 auto;padding:24px;display:flex;align-items:center;gap:12px}.product-create .back-btn{width:40px;height:40px;border:none;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.product-create .back-btn .material-icons{font-size:36px}.product-create .category-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-create .category-label-actions{display:flex;align-items:center;gap:12px}.product-create .category-add-toggle-btn,.product-create .category-edit-toggle-btn{border:none;background:transparent;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;padding:0}.product-create .category-create-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:10px}.product-create .category-create-row input{min-width:0}.product-create .category-create-btn,.product-create .category-cancel-btn{border:none;border-radius:10px;padding:0 12px;font-size:13px;cursor:pointer;white-space:nowrap}.product-create .category-create-btn{background:#3b82f6;color:#fff}.product-create .category-cancel-btn{background:#e5e7eb;color:#374151}.product-create .category-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.product-create .category-item-row{display:flex;align-items:center;gap:8px}.product-create .category-select-btn{padding:10px 18px;border-radius:999px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.product-create .category-select-btn:hover{border-color:#3b82f6;color:#3b82f6}.product-create .category-select-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:500;box-shadow:0 4px 10px #3f51b533}.product-create .category-select-btn:active{transform:scale(.97)}.product-create .category-inline-edit-btn{border:none;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:600;padding:6px 10px;cursor:pointer}.product-create .category-inline-edit-btn:disabled{opacity:.6;cursor:not-allowed}.product-create .category-inline-edit{display:flex;align-items:center;gap:6px}.product-create .category-inline-edit input{width:140px;min-width:0;padding:8px 10px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:13px}.product-create .category-save-btn{border:none;border-radius:10px;background:#3b82f6;color:#fff;font-size:12px;font-weight:600;padding:7px 10px;cursor:pointer;white-space:nowrap}.product-create .image-placeholder{gap:4px}.product-create .image-placeholder p{margin-bottom:4px}.product-create .image-placeholder span{width:48px;height:48px;border:none;border-radius:50%;background:#f5f3fb;color:#9b89d9;display:inline-flex;justify-content:center;align-items:center}.product-create .image-placeholder small{color:#94a3b8}.product-edit{background:#eef4ff;min-height:100vh;display:flex;justify-content:center}.product-edit .edit-container{width:100%;max-width:375px;margin:0 auto;padding:24px;display:flex;flex-direction:column}.product-edit .page-header{padding:0 0 56px;display:flex;align-items:center;gap:12px}.product-edit .page-header h1{font-size:20px;font-weight:700;margin-bottom:6px}.product-edit .page-header p{margin:0}.product-edit .back-btn{width:40px;height:40px;border:none;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.product-edit .back-btn .material-icons{font-size:36px}.product-edit h1{font-size:20px;font-weight:700;margin-bottom:6px}.product-edit .sub-text{font-size:13px;color:#6b7280;margin-bottom:24px}.product-edit form{display:flex;flex-direction:column;gap:16px}.product-edit .edit-preview{width:100%;height:180px;object-fit:cover;border-radius:12px}.product-edit input,.product-edit textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #E5E7EB;background:#fff;font-size:14px;outline:none}.product-edit input:focus,.product-edit textarea:focus{border-color:#3b82f6}.product-edit textarea{resize:none;min-height:100px}.product-edit .row{display:grid;grid-template-columns:152px 2fr;gap:12px}.product-edit .category-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-edit .category-label-actions{display:flex;align-items:center;gap:12px}.product-edit .category-add-toggle-btn,.product-edit .category-edit-toggle-btn{border:none;background:transparent;color:#3b82f6;font-size:13px;font-weight:600;cursor:pointer;padding:0}.product-edit .category-create-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:10px}.product-edit .category-create-row input{min-width:0;padding:10px 12px}.product-edit .category-create-btn,.product-edit .category-cancel-btn{border:none;border-radius:10px;padding:0 12px;font-size:13px;cursor:pointer;white-space:nowrap}.product-edit .category-create-btn{background:#3b82f6;color:#fff}.product-edit .category-cancel-btn{background:#e5e7eb;color:#374151}.product-edit .error{color:#ff4d4f;font-size:.8rem;margin-top:4px}.product-edit .category-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.product-edit .category-item-row{display:flex;align-items:center;gap:8px}.product-edit .category-select-btn{padding:10px 18px;border-radius:999px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.product-edit .category-select-btn:hover{border-color:#3b82f6;color:#3b82f6}.product-edit .category-select-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:500;box-shadow:0 4px 10px #3f51b533}.product-edit .category-inline-edit-btn{border:none;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:600;padding:6px 10px;cursor:pointer}.product-edit .category-inline-edit-btn:disabled{opacity:.6;cursor:not-allowed}.product-edit .category-inline-edit{display:flex;align-items:center;gap:6px}.product-edit .category-inline-edit input{width:140px;min-width:0;padding:8px 10px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:13px}.product-edit .category-save-btn{border:none;border-radius:10px;background:#3b82f6;color:#fff;font-size:12px;font-weight:600;padding:7px 10px;cursor:pointer;white-space:nowrap}.product-edit .button-group{margin-top:20px;display:flex;gap:12px}.product-edit .button-group button{flex:1;padding:14px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer}.product-edit .button-group .cancel-btn{background:#e5e7eb;color:#374151}.product-edit .button-group .submit-btn{background:#3b82f6;color:#fff}.product-edit .form-group{display:flex;flex-direction:column;gap:6px}.product-edit label{font-size:13px;font-weight:600;color:#374151}