.df-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;font-family:Roboto,Noto Sans TC,sans-serif;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.df-btn--sm{padding:8px 20px;font-size:14px;line-height:20px}.df-btn--md{padding:8px 20px;font-size:16px;line-height:24px}.df-btn--lg{padding:12px 16px;font-size:18px;line-height:1.23}.df-btn--primary{background:#269775;color:#fff}.df-btn--primary:hover{background:#1e7a5e}.df-btn--primary:active{background:#166449}.df-btn--danger{background:#fff;color:#e7000b;border:1.5px solid #E7000B}.df-btn--danger:hover{background:#fef2f2}.df-btn--danger:active{background:#fee2e2}.df-btn--outline{background:#fff;color:#565656cc;border:1.5px solid rgba(86,86,86,.5)}.df-btn--outline:hover{background:#f9fafb;border-color:#565656b3}.df-btn--outline:active{background:#f3f4f6}.df-btn--ghost{background:transparent;color:#6b7280}.df-btn--ghost:hover{background:#f3f4f6}.df-btn--disabled{opacity:.5;cursor:not-allowed}.df-btn--loading .df-btn__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.df-btn__icon{display:flex;align-items:center;justify-content:center;font-size:20px}.df-btn__icon i{font-size:inherit}.df-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;font-family:Roboto,Noto Sans TC,sans-serif;white-space:nowrap;border:1.5px solid;background:#fff}.df-badge--sm{padding:3px 12px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:1px}.df-badge--md{padding:3px 12px;font-size:16px;font-weight:700;line-height:24px}.df-badge--success{color:#269775;border-color:#269775}.df-badge--danger{color:#e7000b;border-color:#e7000b}.df-badge--warning{color:#ee964b;border-color:#ee964b}.df-badge--gray{color:#56565680;border-color:#56565680}:root{--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--primary-orange: #EE964B;--primary-orange-hover: #D97F3A;--primary-orange-light: rgba(238, 150, 75, .1);--token-gray-100: #565656;--token-orange-100: #EE964B;--token-red-10: #E7000B;--token-green-2-100: #5A7A45;--white: #FFFFFF;--page-padding: 32px;--grid-gap: 24px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .06)}.merchant-management{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--gray-900);-webkit-font-smoothing:antialiased}.merchant-stats-row{display:flex;justify-content:space-between;gap:var(--grid-gap);margin-bottom:24px}.stat-card-clickable{cursor:pointer;border-radius:16px;transition:all .2s ease}.stat-card-clickable.active .stat-card-v2{background:#e8efe3!important;border-color:#c5d4bc!important}.merchant-stat-card{background:#fff;border-radius:16px;padding:32px;position:relative;border:1px solid var(--gray-200);box-shadow:var(--shadow-card);min-height:auto;transition:transform .2s ease,box-shadow .2s ease}.merchant-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.merchant-stat-content{display:flex;flex-direction:column;gap:16px}.merchant-stat-label{font-size:20px;font-weight:700;color:var(--gray-600)}.merchant-stat-value{font-size:36px;font-weight:700;color:var(--gray-900);line-height:1;letter-spacing:-.02em}.merchant-stat-icon{position:absolute;top:0;right:24px;width:44px;height:52px;border-radius:0 0 12px 12px;display:flex;align-items:center;justify-content:center;padding-bottom:8px;box-shadow:0 4px 6px -1px #00000026;z-index:10}.merchant-stat-icon img{width:20px;height:20px;filter:brightness(0) invert(1)}.merchant-stat-icon.store{background:var(--token-gray-100)}.merchant-stat-icon.warning{background:var(--token-orange-100)}.merchant-stat-icon.danger{background:var(--token-red-10)}.merchant-stat-icon.success{background:var(--token-green-2-100)}.merchant-stat-icon.trending{background:var(--token-gray-100)}.merchant-stat-value.warning{color:var(--token-orange-100)}.merchant-stat-value.danger{color:var(--token-red-10)}.merchant-stat-value.success{color:var(--gray-900)}.merchant-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:24px;background:#fff;padding:16px 14px;border:1px solid #dadada;border-radius:15px}.merchant-search-input{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid rgba(86,86,86,.2);border-radius:10px;padding:0 40px;height:42px;transition:all .2s ease}.merchant-search-input:focus-within{background:#fff;border-color:var(--primary-orange);box-shadow:0 0 0 3px var(--primary-orange-light)}.merchant-search-input i,.merchant-search-input .search-icon{width:18px;height:18px;margin-right:12px;opacity:.5}.merchant-search-input input{flex:1;border:none;outline:none;padding:8px 0;font-size:16px;color:#0a0a0a;background:transparent}.merchant-search-input input::placeholder{color:#0a0a0a80}.merchant-filter-tabs{display:flex;gap:0;background:#f3f3f5;border-radius:10px;padding:5px;height:36px;box-sizing:border-box}.merchant-toolbar .merchant-search-input{flex:1;margin-right:16px}.merchant-toolbar .merchant-filter-tabs{flex-shrink:0}.filter-tab{padding:5px 12px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:400;color:#565656cc;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:1px}.filter-tab:hover{color:#565656}.filter-tab.active{background:#fff;color:#565656cc;font-weight:700;box-shadow:0 4px 4px #0000001a;letter-spacing:0}.btn-export{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:2px solid rgba(86,86,86,.8);border-radius:8px;font-size:16px;font-weight:700;color:#565656cc;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-export:hover{background:#f9fafb;border-color:#565656e6;color:#374151}.btn-export i,.btn-export img{width:18px;height:18px;opacity:.7}.merchant-table-container{background:var(--white);border-radius:15px;overflow:hidden;border:1px solid #dadada;box-shadow:0 4px 4px #0000001a}.merchant-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}.merchant-table thead{background:#e8f0dd}.merchant-table th{padding:14px 20px;text-align:left;font-size:18px;font-weight:700;color:#565656;border:1px solid #dadada;white-space:nowrap;font-family:Roboto,Noto Sans JP,sans-serif}.merchant-table th:first-child{padding-left:32px;border-left:none;border-top:none}.merchant-table th:last-child{border-right:none}.merchant-table th{border-top:none}.merchant-table td:last-child,.merchant-table th:last-child{text-align:left}.merchant-table td{padding:22px 20px;border:1px solid #dadada;vertical-align:middle;height:100px;box-sizing:border-box;white-space:nowrap}.merchant-table td:first-child{padding-left:32px;border-left:none}.merchant-table td:last-child{border-right:none}.merchant-table tbody tr:last-child td{border-bottom:none}.merchant-table tbody tr{transition:background-color .15s ease;cursor:pointer}.merchant-table tbody tr:hover{background:var(--gray-50)}.merchant-table tbody tr:active,.merchant-table tbody tr.selected{background:var(--primary-orange-light)}.merchant-table tbody tr.selected:hover{background:#ee964b26}.merchant-info-cell{display:flex;align-items:center;gap:16px}.merchant-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--gray-100) 0%,#E5E7EB 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:1px solid rgba(0,0,0,.05)}.merchant-avatar span{font-size:18px;font-weight:600;color:var(--gray-600)}.merchant-details{display:flex;flex-direction:column;gap:4px}.merchant-name{font-size:18px;font-weight:500;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.merchant-type{font-size:13px;color:var(--gray-500);display:flex;align-items:center;gap:6px}.merchant-type i{font-size:14px}.merchant-user-type{font-size:16px;color:#565656;display:flex;align-items:center;gap:6px}.merchant-user-type i{font-size:14px}.merchant-shop-code{font-size:16px;font-weight:400;color:#565656;font-variant-numeric:tabular-nums}.merchant-category-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.merchant-category-tag{display:inline-block;padding:4px 6px;background:#e8f0dd;color:#565656;border-radius:8px;font-size:14px;font-weight:400;letter-spacing:1px}.btn-action-green{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;color:#fff;background:#269775;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-action-green:hover{background:#1e7d60;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.merchant-type-cell{display:flex;flex-direction:column;gap:8px}.merchant-location{font-size:16px;color:#565656;display:flex;align-items:center;gap:4px}.merchant-location i{font-size:18px;color:#565656}.merchant-categories{display:flex;flex-wrap:wrap;gap:6px}.category-tag{display:inline-block;padding:4px 10px;background:var(--gray-100);color:var(--gray-600);border-radius:6px;font-size:12px;font-weight:500;border:1px solid transparent}.merchant-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;line-height:1.5;gap:6px}.merchant-status-badge:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:currentColor}.merchant-status-badge.active{background:#10b9811a;color:#059669}.merchant-status-badge.pending{background:#fffbeb;color:#d97706}.merchant-status-badge.rejected{background:#fef2f2;color:#dc2626}.merchant-status-badge.disabled{background:var(--gray-100);color:var(--gray-400)}.merchant-rating{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:400;color:#565656}.merchant-rating i{color:#fbbf24;font-size:24px}.merchant-count,.merchant-revenue,.merchant-date{font-size:16px;color:#565656;font-variant-numeric:tabular-nums;font-weight:400}.btn-action{padding:6px 10px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center;color:#fff;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:Roboto,Noto Sans JP,sans-serif}.btn-action:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-action.success{background:#269775}.btn-action.success:hover{background:#1e7d60}.btn-action.warning{background:#ee964b}.btn-action.warning:hover{background:#d97f3a}.btn-action.danger{background:#e7000b}.btn-action.danger:hover{background:#c5000a}.btn-action.gray{background:#56565680}.btn-action.gray:hover{background:#565656b3}.merchant-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px;padding-bottom:32px}.merchant-pagination .btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--gray-200);border-radius:8px;color:var(--gray-700);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);min-width:90px;justify-content:center}.merchant-pagination .btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}.merchant-pagination .btn:disabled{background:var(--gray-50);border-color:var(--gray-100);color:var(--gray-300);cursor:not-allowed;box-shadow:none}.page-info{font-size:14px;color:var(--gray-500);font-weight:500;background:#fff;padding:8px 16px;border-radius:8px;border:1px solid var(--gray-100)}@media (max-width: 1280px){.merchant-stats-row{grid-template-columns:repeat(3,1fr)}.merchant-toolbar{flex-wrap:wrap}.merchant-toolbar .merchant-search-input{flex:1 1 100%;order:1;margin-right:0;margin-bottom:12px}.merchant-filter-tabs{order:2}.btn-export{order:3;margin-left:auto}}@media (max-width: 1400px){.merchant-table th{font-size:16px;padding:12px 14px}.merchant-table td{padding:16px 14px;font-size:14px}.merchant-name{font-size:16px}.merchant-user-type,.merchant-shop-code,.merchant-location,.merchant-rating,.merchant-count,.merchant-revenue,.merchant-date{font-size:14px}.merchant-category-tag{font-size:12px;padding:2px 4px}.btn-action{font-size:14px;padding:5px 8px}}@media (max-width: 1024px){.merchant-stats-row{flex-wrap:wrap}.merchant-table th{font-size:14px;padding:10px}.merchant-table td{padding:14px 10px;font-size:13px;height:auto}.merchant-name{font-size:14px;max-width:100px}.merchant-avatar{width:36px;height:36px}.merchant-avatar span{font-size:14px}.merchant-user-type,.merchant-shop-code,.merchant-location,.merchant-rating,.merchant-count,.merchant-revenue,.merchant-date{font-size:13px}.btn-action{font-size:13px;padding:4px 6px}.merchant-category-tag{font-size:11px}}@media (max-width: 768px){.merchant-stats-row{grid-template-columns:1fr}.merchant-toolbar{flex-direction:column;align-items:stretch}.merchant-search-input{flex:none}.merchant-filter-tabs{justify-content:flex-start}.btn-export{align-self:flex-end}.merchant-table-container{overflow-x:auto}}.certification-detail-page{padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#269775;border-radius:50%;animation:spin 1s linear infinite}.error-container i{font-size:48px;color:#ff2e31;margin-bottom:16px}.detail-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:120px;padding:0 33px;background:#fff;border:1px solid #dadada;border-radius:15px;margin-bottom:20px;box-shadow:0 4px 4px #0000001a}.header-left{display:flex;flex-direction:row;align-items:center;gap:16px}.merchant-avatar-group{display:flex;align-items:center;gap:32px}.btn-back{width:40px;height:40px;border-radius:8px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#565656;transition:all .2s;flex-shrink:0}.btn-back:hover{background:#f3f4f6;color:#374151}.merchant-avatar{width:80px;height:80px;border-radius:100px;border:1px solid #dadada;overflow:hidden;background:linear-gradient(135deg,#fef3e2,#fdebd0);display:flex;align-items:center;justify-content:center;flex-shrink:0}.merchant-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#b45309}.header-info{display:flex;flex-direction:column;gap:8px}.header-title-row{display:flex;align-items:center;gap:12px}.merchant-name{font-size:28px;font-weight:700;color:#000;margin:0}.header-meta{display:flex;align-items:center;gap:4px;font-size:16px;color:#565656;flex-wrap:wrap}.header-meta span{display:inline}.meta-separator{margin:0 6px;color:#9ca3af}.header-actions{display:flex;gap:12px;flex-shrink:0}.btn-reject-figma{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;background:transparent;color:#ff2e31;border:2px solid #ff2e31}.btn-reject-figma:hover{background:#fef2f2}.btn-reject-figma:disabled{opacity:.6;cursor:not-allowed}.btn-approve-figma{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;background:#269775;color:#fff;border:none}.btn-approve-figma:hover{background:#1e7d60}.btn-approve-figma:disabled{opacity:.6;cursor:not-allowed}.btn-delete-account{display:flex;align-items:center;gap:6px;padding:6px 16px;height:36px;border-radius:100px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;background:transparent;color:#e7000b;border:2px solid #e7000b;box-sizing:border-box}.btn-delete-account:hover{background:#fef2f2}.approved-stats-row{display:flex;gap:24px;margin-bottom:20px}.approved-stat-card{flex:1;display:flex;align-items:center;gap:16px;height:102px;padding:21px 24px;background:#fff;border:1px solid #dadada;border-radius:14px;box-shadow:0 4px 4px #0000001a;box-sizing:border-box}.approved-stat-icon{width:45px;height:45px;min-width:45px;border-radius:100px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#f5f2e8}.approved-stat-icon.green{color:#269775}.approved-stat-icon.orange{color:#ee964b}.approved-stat-label{font-size:18px;font-weight:700;color:#565656;margin-bottom:4px}.approved-stat-value{font-size:20px;font-weight:700;color:#000}.approved-tabs{display:flex;gap:12px;margin-bottom:20px;background:#fff;border:1px solid #dadada;border-radius:15px;padding:8px 12px}.approved-tab{flex:1;height:40px;padding:0;border:none;background:transparent;font-size:16px;font-weight:400;color:#000;cursor:pointer;transition:all .2s;border-radius:10px}.approved-tab:hover{color:#000;background:#e8f0dd80}.approved-tab.active{color:#000;background:#e8f0dd;border-radius:10px;font-size:18px;font-weight:700}.approved-tab.active:hover{background:#dde8d0;color:#000}.audit-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#fef9e7;border:1px solid #F7DC6F;border-radius:12px;margin-bottom:20px}.audit-notice-icon{color:#ee964b;font-size:24px;line-height:1;flex-shrink:0}.audit-notice-icon i{display:block}.audit-notice-content{flex:1}.audit-notice-title{font-size:16px;font-weight:700;color:#ee964b;margin-bottom:4px}.audit-notice-text{font-size:14px;color:#b45309;line-height:1.5}.audit-notice-text .highlight{color:#dc2626;font-weight:600}.audit-notice.rejected{background:#fef2f2;border-color:#fecaca}.audit-notice.rejected .audit-notice-icon,.audit-notice.rejected .audit-notice-title,.audit-notice.rejected .audit-notice-text{color:#e7000b}.payment-status-card{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border:1px solid #dadada;border-radius:15px;margin-bottom:20px;box-shadow:0 4px 4px #0000001a}.payment-left{display:flex;align-items:center;gap:16px}.payuni-logo-img{height:28px;width:auto;flex-shrink:0;object-fit:contain}.payment-info{display:flex;flex-direction:column;gap:4px}.payment-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#374151}.payment-desc{font-size:13px;color:#6b7280}.payment-merchant-id{font-size:12px;color:#9ca3af}.btn-account-status{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:default;background:#fff;color:#269775;border:1px solid #269775;transition:all .2s;flex-shrink:0}.detail-content-grid{display:grid;grid-template-columns:55% 1fr;gap:20px}.detail-left-column,.detail-right-column{display:flex;flex-direction:column;gap:20px}.detail-card{background:#fff;border:1px solid #dadada;border-radius:16px;overflow:hidden;box-shadow:0 2px 20px #0000000a}.section-title{display:flex;align-items:center;gap:12px;height:76px;padding:0 32px;background:#f6f9f2;border-bottom:1px solid #dadada;border-radius:15px 15px 0 0;font-size:24px;font-weight:700;color:#000}.section-title i{font-size:24px;color:#000}.card-body{padding:16px 24px 24px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-field{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#fff;border-radius:10px;border:1px solid #dadada}.info-field.with-toggle{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.info-field.with-toggle .field-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.info-field.full-width{grid-column:span 2}.field-label{font-size:16px;font-weight:400;color:#565656}.field-value{font-size:20px;font-weight:400;color:#000}.toggle-circle{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;border:2px solid #D1D5DB;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;padding:0;cursor:pointer;z-index:1;position:relative}.toggle-circle:hover{border-color:#9ca3af;transform:scale(1.1)}.toggle-circle.checked{background:#99a670;border-color:#99a670}.toggle-circle.checked:hover{background:#8a9662}.toggle-circle.rejected{background:#e7000b;border-color:#e7000b}.toggle-circle.rejected:hover{background:#c5000a}.id-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.id-card-item{display:flex;flex-direction:column;gap:12px}.id-card-image{width:100%;aspect-ratio:1.6;border-radius:12px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.id-card-image img{width:100%;height:100%;object-fit:cover}.id-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f3f4f6;color:#9ca3af}.id-card-placeholder i{font-size:32px}.id-card-placeholder span{font-size:13px}.id-card-footer{display:flex;align-items:center;justify-content:space-between}.id-card-label{font-size:14px;color:#565656;font-weight:500}.document-list{display:flex;flex-direction:column;gap:12px}.document-item{display:flex;align-items:center;gap:16px;padding:12px;background:#fff;border-radius:10px;border:1px solid #dadada}.document-image{width:120px;height:80px;border-radius:10px;overflow:hidden;background:#f3f4f6;flex-shrink:0}.document-image img{width:100%;height:100%;object-fit:cover}.document-info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.document-info-text{display:flex;flex-direction:column;gap:4px}.document-number{font-size:16px;font-weight:600;color:#111827}.document-sub{font-size:13px;color:#6b7280}.document-link{font-size:13px;color:#269775;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.document-link:hover{text-decoration:underline}.document-link i{font-size:14px}.empty-state-small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:#9ca3af;gap:8px}.empty-state-small i{font-size:32px}.empty-state-small span{font-size:14px}.cert-badges-section{margin-top:20px;padding-top:16px;border-top:1px solid #F3F4F6}.cert-badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cert-badge{display:flex;align-items:center;gap:6px;padding:1px 1px 1px 7px;background:#f6f9f2;border-radius:15px;border:1px solid rgba(86,86,86,.2);height:80px;box-sizing:border-box}.cert-badge-icon-img{width:40px;height:40px;object-fit:contain;flex-shrink:0;border-radius:10px}.cert-badge-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cert-badge-title{font-size:16px;font-weight:700;color:#565656;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cert-badge-desc{font-size:13px;font-weight:400;color:#565656cc;line-height:1.44;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:15px;width:90%;max-width:480px;box-shadow:0 4px 4px #0000001a;border:1px solid #dadada}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #dadada}.modal-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.modal-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280}.modal-close:hover{background:#f3f4f6;color:#374151}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-label .required{color:#ff2e31}.form-textarea{width:100%;padding:12px 16px;border:1px solid #dadada;border-radius:10px;font-size:14px;color:#111827;resize:vertical;font-family:inherit;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:#269775;box-shadow:0 0 0 3px #2697751a}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #dadada}@media (max-width: 1280px){.cert-badges-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.detail-content-grid{grid-template-columns:1fr}.header-meta{flex-wrap:wrap}}@media (max-width: 768px){.detail-header{flex-direction:column;align-items:flex-start;gap:16px;height:auto;padding:20px 24px}.header-actions{width:100%}.btn-reject-figma,.btn-approve-figma{flex:1;justify-content:center}.approved-stats-row{flex-wrap:wrap}.approved-stat-card{flex:1 1 calc(50% - 12px);min-width:0}.info-grid{grid-template-columns:1fr}.info-field.full-width{grid-column:span 1}.id-card-grid,.cert-badges-grid{grid-template-columns:1fr}}.tab-content-card{background:#fff;border:1px solid #dadada;border-radius:15px;overflow:hidden;box-shadow:0 4px 4px #0000001a}.tab-table{width:100%;border-collapse:collapse}.tab-table thead tr{background:#e8f0dd}.tab-table th{padding:14px 16px;font-size:18px;font-weight:700;color:#565656;text-align:left;border-bottom:1px solid #dadada;white-space:nowrap}.tab-table td{padding:12px 16px;font-size:16px;color:#000;border-bottom:1px solid #dadada;vertical-align:middle;height:80px;box-sizing:border-box}.tab-table tbody tr:last-child td{border-bottom:none}.product-thumb{width:80px;height:60px;border-radius:8px;object-fit:cover;background:#f3f4f6}.tab-table-actions{display:flex;gap:8px;align-items:center}.btn-force-delete{border:1.5px solid #e7000b;color:#e7000b;background:transparent;border-radius:8px;padding:4px 10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-force-delete:hover{background:#fef2f2}.btn-view-item{background:#269775;color:#fff;border:none;border-radius:8px;padding:4px 10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-view-item:hover{background:#1e7d60}.order-buyer{display:flex;align-items:center;gap:8px}.order-buyer-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fef3e2,#fdebd0);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-size:14px;font-weight:700;color:#b45309}.order-buyer-avatar img{width:100%;height:100%;object-fit:cover}.order-logistics{display:flex;flex-direction:column;gap:4px}.temp-badge{display:inline-block;border:1.5px solid #ee964b;color:#ee964b;background:#fff;border-radius:100px;padding:2px 8px;font-size:12px;font-weight:500;width:fit-content}.order-status-cell{display:flex;flex-direction:column;gap:4px}.order-status-desc{font-size:13px;color:#6b7280}.tab-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px}.tab-empty-state i{font-size:48px;color:#99a670}.tab-empty-state span{font-size:16px;color:#565656}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2000;cursor:pointer}.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:2001}.lightbox-close:hover{background:#ffffff4d}.lightbox-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0006;cursor:default}.lightbox-caption{color:#fffc;font-size:14px;margin-top:16px;text-align:center}.member-list-page{font-family:Inter,system-ui,-apple-system,sans-serif}.member-list-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.member-list-page .header-left{display:flex;flex-direction:column;gap:4px}.member-list-page .page-title{font-size:28px;font-weight:700;color:#111827;margin:0;line-height:36px}.member-list-page .page-subtitle{font-size:14px;color:#6b7280;margin:0}.member-list-page .btn-export{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#5a7a45;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.member-list-page .btn-export:hover{background:#4a6838}.member-list-page .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.member-list-page .stat-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014}.member-list-page .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.member-list-page .stat-icon i{font-size:24px;color:#fff}.member-list-page .stat-icon.gray{background:#565656}.member-list-page .stat-icon.green{background:#5a7a45}.member-list-page .stat-icon.orange{background:#ee964b}.member-list-page .stat-icon.blue{background:#2563eb}.member-list-page .stat-content{display:flex;flex-direction:column;gap:4px}.member-list-page .stat-label{font-size:14px;color:#6b7280}.member-list-page .stat-value{font-size:28px;font-weight:700;color:#111827}.member-list-page .toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:12px;margin-bottom:16px;box-shadow:0 1px 3px #00000014}.member-list-page .search-input{display:flex;align-items:center;gap:10px;flex:1;max-width:400px;padding:10px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px}.member-list-page .search-input i{color:#9ca3af;font-size:18px}.member-list-page .search-input input{flex:1;border:none;background:transparent;font-size:14px;color:#111827;outline:none}.member-list-page .search-input input::placeholder{color:#9ca3af}.member-list-page .filter-select{padding:10px 14px;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;color:#374151;background:#fff;cursor:pointer;outline:none}.member-list-page .filter-select:focus{border-color:#5a7a45}.member-list-page .btn-search,.member-list-page .btn-refresh{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;background:#fff;color:#374151}.member-list-page .btn-search:hover,.member-list-page .btn-refresh:hover{background:#f9fafb;border-color:#d1d5db}.member-list-page .btn-refresh{padding:10px 12px}.member-list-page .table-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014;overflow:hidden}.member-list-page .member-table{width:100%;border-collapse:collapse}.member-list-page .member-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;background:#f9fafb;border-bottom:1px solid #E5E7EB;text-transform:uppercase;letter-spacing:.02em}.member-list-page .member-table td{padding:16px 20px;border-bottom:1px solid #F3F4F6;vertical-align:middle}.member-list-page .member-table tbody tr:hover{background:#f9fafb}.member-list-page .member-table tbody tr:last-child td{border-bottom:none}.member-list-page .member-info{display:flex;align-items:center;gap:14px}.member-list-page .member-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.member-list-page .member-avatar img{width:100%;height:100%;object-fit:cover}.member-list-page .member-avatar span{font-size:18px;font-weight:600;color:#4338ca}.member-list-page .member-details{display:flex;flex-direction:column;gap:2px}.member-list-page .member-name{font-size:15px;font-weight:600;color:#111827}.member-list-page .member-id{font-size:13px;color:#6b7280}.member-list-page .member-merchant-id{font-size:13px;color:#ee964b;font-weight:500}.member-list-page .member-date{font-size:12px;color:#9ca3af}.member-list-page .contact-info{display:flex;flex-direction:column;gap:2px}.member-list-page .contact-email{font-size:14px;color:#111827}.member-list-page .contact-phone{font-size:13px;color:#6b7280}.member-list-page .points-info{display:flex;flex-direction:column;gap:2px}.member-list-page .points-main{font-size:14px;font-weight:500;color:#111827}.member-list-page .points-sub{font-size:12px;color:#6b7280}.member-list-page .status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.member-list-page .status-badge i{font-size:14px}.member-list-page .status-badge.active{background:#d1fae5;color:#059669}.member-list-page .status-badge.disabled{background:#f3f4f6;color:#6b7280}.member-list-page .level-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.member-list-page .level-badge i{font-size:14px}.member-list-page .level-badge.normal{background:#f3f4f6;color:#6b7280}.member-list-page .level-badge.silver{background:#e5e7eb;color:#4b5563}.member-list-page .level-badge.gold{background:#fef3c7;color:#d97706}.member-list-page .type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.member-list-page .type-badge i{font-size:14px}.member-list-page .type-badge.merchant{background:#d1fae5;color:#059669}.member-list-page .type-badge.buyer{background:#dbeafe;color:#2563eb}.member-list-page .action-buttons{display:flex;gap:8px}.member-list-page .btn-view,.member-list-page .btn-toggle{width:36px;height:36px;border-radius:8px;border:1px solid #E5E7EB;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.member-list-page .btn-view i,.member-list-page .btn-toggle i{font-size:18px;color:#6b7280}.member-list-page .btn-view:hover{background:#f3f4f6;border-color:#d1d5db}.member-list-page .btn-view:hover i{color:#2563eb}.member-list-page .btn-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.member-list-page .btn-toggle.active i{color:#059669}.member-list-page .btn-toggle:not(.active) i{color:#dc2626}.member-list-page .btn-toggle:disabled{opacity:.5;cursor:not-allowed}.member-list-page .loading-cell,.member-list-page .empty-cell{text-align:center;padding:60px 20px!important;color:#9ca3af}.member-list-page .loading-cell i,.member-list-page .empty-cell i{font-size:40px;margin-bottom:12px;display:block}.spinning{animation:spin 1s linear infinite}.member-list-page .empty-cell p{margin:0;font-size:15px}.member-list-page .pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:24px}.member-list-page .btn-page{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.member-list-page .btn-page:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.member-list-page .btn-page:disabled{opacity:.5;cursor:not-allowed}.member-list-page .page-info{font-size:14px;color:#6b7280;padding:8px 16px;background:#f9fafb;border-radius:8px}.member-list-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.member-list-page .modal-content{background:#fff;border-radius:16px;width:90%;max-width:560px;box-shadow:0 20px 25px -5px #0000001a}.member-list-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB}.member-list-page .modal-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.member-list-page .modal-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.member-list-page .modal-close:hover{background:#f3f4f6;color:#374151}.member-list-page .modal-close i{font-size:20px}.member-list-page .modal-body{padding:24px}.member-list-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.member-list-page .loading-state{text-align:center;padding:40px;color:#6b7280}.member-list-page .loading-state i{font-size:32px;margin-bottom:12px;display:block}.member-list-page .detail-header{display:flex;gap:20px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #E5E7EB}.member-list-page .detail-avatar{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.member-list-page .detail-avatar img{width:100%;height:100%;object-fit:cover}.member-list-page .detail-avatar span{font-size:32px;font-weight:600;color:#4338ca}.member-list-page .detail-main{display:flex;flex-direction:column;gap:8px}.member-list-page .detail-main h4{font-size:20px;font-weight:600;color:#111827;margin:0}.member-list-page .detail-main p{font-size:14px;color:#6b7280;margin:0}.member-list-page .detail-badges{display:flex;gap:8px;flex-wrap:wrap}.member-list-page .detail-section{margin-bottom:20px}.member-list-page .detail-section:last-child{margin-bottom:0}.member-list-page .detail-section h5{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #F3F4F6}.member-list-page .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.member-list-page .detail-item{display:flex;flex-direction:column;gap:4px}.member-list-page .detail-item label{font-size:12px;color:#6b7280}.member-list-page .detail-item span{font-size:14px;color:#111827}.member-list-page .btn-status{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.member-list-page .btn-status.success{background:#059669;color:#fff}.member-list-page .btn-status.success:hover{background:#047857}.member-list-page .btn-status.danger{background:#dc2626;color:#fff}.member-list-page .btn-status.danger:hover{background:#b91c1c}.member-list-page .btn-close{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background:#fff;color:#374151;border:1px solid #D1D5DB}.member-list-page .btn-close:hover{background:#f9fafb}@media (max-width: 1200px){.member-list-page .stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.member-list-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.member-list-page .stats-row{grid-template-columns:1fr}.member-list-page .toolbar{flex-wrap:wrap}.member-list-page .search-input{max-width:none;width:100%}.member-list-page .table-container{overflow-x:auto}.member-list-page .member-table{min-width:900px}.member-list-page .detail-grid{grid-template-columns:1fr}}.member-list-page .header-buttons{display:flex;gap:12px;align-items:center}.member-list-page .btn-add{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.member-list-page .btn-add:hover{background:#1d4ed8}.member-list-page .btn-edit{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#f3f4f6;color:#2563eb}.member-list-page .btn-edit:hover{background:#dbeafe;color:#1d4ed8}.member-list-page .btn-delete{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#f3f4f6;color:#dc2626}.member-list-page .btn-delete:hover{background:#fee2e2;color:#b91c1c}.member-list-page .delete-modal{max-width:420px}.member-list-page .delete-warning{text-align:center;padding:20px 0}.member-list-page .delete-warning>i{font-size:48px;color:#dc2626;margin-bottom:16px}.member-list-page .delete-warning p{font-size:16px;color:#374151;margin:0 0 8px}.member-list-page .delete-warning .delete-hint{font-size:14px;color:#6b7280}.member-list-page .edit-modal,.member-list-page .add-modal{max-width:480px}.member-list-page .form-group{margin-bottom:16px}.member-list-page .form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.member-list-page .form-group label .required{color:#dc2626}.member-list-page .form-input,.member-list-page .form-select{width:100%;padding:10px 14px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;transition:all .2s;background:#fff;box-sizing:border-box}.member-list-page .form-input:focus,.member-list-page .form-select:focus{outline:none;border-color:#5a7a45;box-shadow:0 0 0 3px #5a7a451a}.member-list-page .form-input.disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.member-list-page .form-input::placeholder{color:#9ca3af}.member-list-page .btn-cancel{padding:10px 20px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.member-list-page .btn-cancel:hover{background:#e5e7eb}.member-list-page .btn-primary{padding:10px 20px;background:#5a7a45;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.member-list-page .btn-primary:hover{background:#4a6838}.member-list-page .btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.member-list-page .btn-danger{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.member-list-page .btn-danger:hover{background:#b91c1c}.member-list-page .btn-danger:disabled{background:#9ca3af;cursor:not-allowed}.category-audit{font-family:Inter,system-ui,-apple-system,sans-serif;color:#1b1b1b}.category-stats-row{display:flex;gap:24px;margin-bottom:24px}.cat-stat-active{border:2px solid #99A670!important;box-shadow:0 0 0 1px #99a670}.category-search-bar{background:#fff;border:1px solid #dadada;border-radius:15px;display:flex;align-items:center;padding:0 16px;height:51px;margin-bottom:24px;gap:10px}.category-search-bar input{flex:1;border:none;outline:none;font-size:16px;color:#565656;background:transparent}.category-search-bar input::placeholder{color:#56565680}.category-search-bar i{font-size:20px;color:#56565680}.category-table-container{background:#fff;border:1px solid #dadada;border-radius:15px;box-shadow:0 4px 4px #0000001a;overflow:hidden}.category-table-container table{width:100%;border-collapse:collapse;min-width:900px}.category-table-container th{background:#f6f9f2;padding:14px 24px;text-align:left;font-size:14px;font-weight:700;color:#565656;border-bottom:1px solid #dadada;white-space:nowrap}.category-table-container td{padding:20px 24px;border-bottom:1px solid #dadada;vertical-align:middle;font-size:15px;color:#1b1b1b}.category-table-container tr:last-child td{border-bottom:none}.cat-app-no{font-size:13px;color:#565656cc;margin-bottom:4px;letter-spacing:.5px}.cat-app-time{display:flex;align-items:center;gap:4px;font-size:15px;color:#565656}.cat-app-time i{font-size:18px;color:#565656}.cat-seller-cell{display:flex;align-items:center;gap:12px}.cat-seller-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#e8f0dd;flex-shrink:0}.cat-seller-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:#e8f0dd;display:flex;align-items:center;justify-content:center;font-size:20px;color:#5a7a45;flex-shrink:0}.cat-seller-name{font-size:16px;font-weight:500;color:#000;white-space:nowrap}.cat-path-badge{display:inline-flex;align-items:center;background:#e8f0dd;border-radius:8px;padding:4px 8px;font-size:15px;color:#1b1b1b;white-space:nowrap}.cat-name-cell{font-weight:700;font-size:16px;color:#1b1b1b}.cat-status-pending{display:inline-flex;align-items:center;border:1.5px solid #e7000b;border-radius:100px;padding:2px 10px;font-size:13px;color:#e7000b;background:#fff;white-space:nowrap}.cat-status-approved{display:inline-flex;align-items:center;border:1.5px solid #269775;border-radius:100px;padding:2px 10px;font-size:13px;color:#269775;background:#fff;white-space:nowrap}.cat-reject-reason{font-size:14px;color:#565656;line-height:1.5}.cat-action-cell{display:flex;gap:12px;align-items:center}.btn-cat-reject{display:inline-flex;align-items:center;gap:6px;border:2px solid #e7000b;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:700;color:#e7000b;background:#fff;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-cat-reject:hover{background:#e7000b0d}.btn-cat-approve{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:700;color:#fff;background:#269775;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-cat-approve:hover{background:#1e7a5e}.btn-cat-done{display:inline-flex;align-items:center;gap:6px;border:2px solid rgba(86,86,86,.5);border-radius:8px;padding:6px 12px;font-size:14px;font-weight:700;color:#565656cc;background:#fff;cursor:default;white-space:nowrap}.btn-cat-done-green{display:inline-flex;align-items:center;gap:6px;border:2px solid #269775;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:700;color:#269775;background:#fff;cursor:default;white-space:nowrap}.category-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px}.category-pagination button{width:36px;height:36px;border-radius:8px;border:1px solid #dadada;background:#fff;font-size:14px;cursor:pointer;transition:all .15s}.category-pagination button:hover:not(:disabled){background:#f6f9f2;border-color:#269775}.category-pagination button.active{background:#269775;border-color:#269775;color:#fff}.category-pagination button:disabled{opacity:.4;cursor:not-allowed}.category-empty{text-align:center;padding:60px 20px;color:#9ca3af}.cat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#56565680;display:flex;align-items:center;justify-content:center;z-index:1000}.cat-modal{background:#fff;border-radius:15px;padding:20px;width:500px;max-width:95vw;display:flex;flex-direction:column;gap:20px;position:relative}.cat-modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;color:#565656;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:background .15s}.cat-modal-close-btn:hover{background:#f3f4f6}.cat-modal-title{font-size:18px;font-weight:700;color:#1b1b1b;margin:0;padding-right:28px}.cat-modal-desc{font-size:15px;color:#717182;line-height:1.6;margin:0}.cat-modal-desc strong{font-weight:700;color:#717182}.cat-modal-label{font-size:15px;font-weight:700;color:#0a0a0a;display:block;margin-bottom:8px}.cat-modal-input{width:100%;box-sizing:border-box;background:#f3f3f5;border:1px solid transparent;border-radius:8px;padding:10px 12px;font-size:14px;color:#1b1b1b;letter-spacing:.5px;line-height:1.5;resize:vertical;min-height:60px}.cat-modal-input:focus{outline:none;border-color:#269775}.cat-modal-hint{font-size:15px;color:#6a7282}.cat-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:16px}.cat-modal-btn-cancel{border:1px solid rgba(86,86,86,.5);border-radius:8px;padding:6px 16px;font-size:15px;color:#56565680;background:#fff;cursor:pointer;min-width:72px}.cat-modal-btn-cancel:hover{background:#f9fafb}.cat-modal-btn-approve{border:none;border-radius:8px;padding:6px 16px;font-size:15px;font-weight:700;color:#fff;background:#269775;cursor:pointer;min-width:80px}.cat-modal-btn-approve:disabled{opacity:.6;cursor:not-allowed}.cat-modal-btn-approve:not(:disabled):hover{background:#1e7a5e}.cat-modal-btn-reject{border:none;border-radius:8px;padding:6px 16px;font-size:15px;font-weight:700;color:#fff;background:#e7000b;cursor:pointer;min-width:80px}.cat-modal-btn-reject:disabled{opacity:.6;cursor:not-allowed}.cat-modal-btn-reject:not(:disabled):hover{background:#c00009}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-\[1px\]{top:1px}.right-\[16px\]{right:16px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[16px\]{bottom:16px}.left-\[25px\]{left:25px}.z-10{z-index:10}.col-span-3{grid-column:span 3/span 3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-\[4px\]{margin-inline:4px}.mx-auto{margin-inline:auto}.my-\[4px\]{margin-block:4px}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-\[0px\]{margin-top:0}.mt-\[8px\]{margin-top:8px}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.mb-24{margin-bottom:calc(var(--spacing) * 24)}.mb-\[0px\]{margin-bottom:0}.mb-\[8px\]{margin-bottom:8px}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-\[142px\]{margin-left:142px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-\[12px\]{height:12px}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[36px\]{height:36px}.h-\[45px\]{height:45px}.h-\[48px\]{height:48px}.h-\[75px\]{height:75px}.h-\[100px\]{height:100px}.h-\[225px\]{height:225px}.h-\[calc\(100vh-64px\)\]{height:calc(100vh - 64px)}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-80{width:calc(var(--spacing) * 80)}.w-\[12px\]{width:12px}.w-\[16px\]{width:16px}.w-\[18px\]{width:18px}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-\[30px\]{width:30px}.w-\[45px\]{width:45px}.w-\[84px\]{width:84px}.w-\[104px\]{width:104px}.w-\[126px\]{width:126px}.w-\[150px\]{width:150px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[210px\]{width:210px}.w-\[220px\]{width:220px}.w-\[600px\]{width:600px}.w-full{width:100%}.w-px{width:1px}.max-w-lg{max-width:var(--container-lg)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.translate-x-\[1px\]{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[13px\]{--tw-translate-x:13px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-10{--tw-translate-y:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.auto-rows-\[22rem\]{grid-auto-rows:22rem}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[3px\]{gap:3px}.gap-\[4px\]{gap:4px}.gap-\[6px\]{gap:6px}.gap-\[8px\]{gap:8px}.gap-\[12px\]{gap:12px}.gap-\[13px\]{gap:13px}.gap-\[16px\]{gap:16px}.gap-\[20px\]{gap:20px}.gap-\[24px\]{gap:24px}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[15px\]{border-radius:15px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[1\.4px\]{border-style:var(--tw-border-style);border-width:1.4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#444\]{border-color:#444}.border-\[\#555\]{border-color:#555}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--brand-gray1-50\)\]{border-color:var(--brand-gray1-50)}.border-\[var\(--brand-green2-100\)\]{border-color:var(--brand-green2-100)}.border-\[var\(--color\)\]{border-color:var(--color)}.border-\[var\(--color-10\)\],.border-\[var\(--color-10\)\]\/20{border-color:var(--color-10)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--color-10\)\]\/20{border-color:color-mix(in oklab,var(--color-10) 20%,transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#2b2b2b\]{background-color:#2b2b2b}.bg-\[\#3a3a3a\]{background-color:#3a3a3a}.bg-\[\#444\]{background-color:#444}.bg-\[\#a6a6a6\]{background-color:#a6a6a6}.bg-\[\#e0e0e0\]{background-color:#e0e0e0}.bg-\[\#f0f0f0\]{background-color:#f0f0f0}.bg-\[\#f3f3f5\]{background-color:#f3f3f5}.bg-\[\#f5f5f5\]{background-color:#f5f5f5}.bg-\[var\(--border-color\)\]{background-color:var(--border-color)}.bg-\[var\(--brand-green1-100\)\]{background-color:var(--brand-green1-100)}.bg-\[var\(--color\)\],.bg-\[var\(--color\)\]\/5{background-color:var(--color)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color\)\]\/5{background-color:color-mix(in oklab,var(--color) 5%,transparent)}}.bg-\[var\(--color-10\)\]\/10{background-color:var(--color-10)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-10\)\]\/10{background-color:color-mix(in oklab,var(--color-10) 10%,transparent)}}.bg-\[var\(--color-11\)\],.bg-\[var\(--color-11\)\]\/30{background-color:var(--color-11)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-11\)\]\/30{background-color:color-mix(in oklab,var(--color-11) 30%,transparent)}}.bg-\[var\(--color-11\)\]\/50{background-color:var(--color-11)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-11\)\]\/50{background-color:color-mix(in oklab,var(--color-11) 50%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[6px\]{padding:6px}.p-\[12px\]{padding:12px}.p-\[20px\]{padding:20px}.p-\[24px\]{padding:24px}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[8px\]{padding-inline:8px}.px-\[10px\]{padding-inline:10px}.px-\[12px\]{padding-inline:12px}.px-\[14px\]{padding-inline:14px}.px-\[16px\]{padding-inline:16px}.px-\[18px\]{padding-inline:18px}.px-\[32px\]{padding-inline:32px}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-\[4px\]{padding-block:4px}.py-\[6px\]{padding-block:6px}.py-\[8px\]{padding-block:8px}.py-\[10px\]{padding-block:10px}.py-\[12px\]{padding-block:12px}.pb-\[4px\]{padding-bottom:4px}.pl-\[31px\]{padding-left:31px}.pl-\[32px\]{padding-left:32px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-\[\'Roboto\'\,\'Noto_Sans_JP\'\,sans-serif\]{font-family:Roboto,Noto Sans JP,sans-serif}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[28px\]{font-size:28px}.leading-\[1\.23\]{--tw-leading:1.23;line-height:1.23}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[36px\]{--tw-leading:36px;line-height:36px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.15px\]{--tw-tracking:-.15px;letter-spacing:-.15px}.tracking-\[-0\.44px\]{--tw-tracking:-.44px;letter-spacing:-.44px}.tracking-\[1px\]{--tw-tracking:1px;letter-spacing:1px}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.text-\[\#6a7282\]{color:#6a7282}.text-\[\#6b6b6b\]{color:#6b6b6b}.text-\[\#9ca3af\]{color:#9ca3af}.text-\[\#888\]{color:#888}.text-\[\#030213\]{color:#030213}.text-\[\#101828\]{color:#101828}.text-\[\#717182\]{color:#717182}.text-\[\#ccc\]{color:#ccc}.text-\[var\(--brand-gray1-50\)\]{color:var(--brand-gray1-50)}.text-\[var\(--brand-gray1-80\)\]{color:var(--brand-gray1-80)}.text-\[var\(--brand-gray1-100\)\]{color:var(--brand-gray1-100)}.text-\[var\(--brand-primary-gray1\)\]{color:var(--brand-primary-gray1)}.text-\[var\(--color\)\]{color:var(--color)}.text-\[var\(--color-10\)\]{color:var(--color-10)}.text-\[var\(--color-11\)\]{color:var(--color-11)}.text-\[var\(--text\)\]{color:var(--text)}.text-black{color:var(--color-black)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-700{color:var(--color-neutral-700)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.accent-\[var\(--brand-green2-100\)\]{accent-color:var(--brand-green2-100)}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_4px_0px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 4px 4px 0px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[box-shadow\:0_0_0_1px_rgba\(0\,0\,0\,\.03\)\,0_2px_4px_rgba\(0\,0\,0\,\.05\)\,0_12px_24px_rgba\(0\,0\,0\,\.05\)\]{box-shadow:0 0 0 1px #00000008,0 2px 4px #0000000d,0 12px 24px #0000000d}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:-translate-y-2:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-75:is(:where(.group):hover *){--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-\[var\(--brand-gray1-50\)\]::placeholder{color:var(--brand-gray1-50)}@media (hover:hover){.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:bg-\[\#4a4a4a\]:hover{background-color:#4a4a4a}.hover\:bg-\[\#fff0f0\]:hover{background-color:#fff0f0}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:\[box-shadow\:0_0_0_1px_rgba\(0\,0\,0\,\.03\)\,0_4px_8px_rgba\(0\,0\,0\,\.08\)\,0_16px_32px_rgba\(0\,0\,0\,\.08\)\]:hover{box-shadow:0 0 0 1px #00000008,0 4px 8px #00000014,0 16px 32px #00000014}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);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,)}}.disabled\:opacity-50:disabled{opacity:.5}}:root{--color1:#99a670;--c1:#8faf6e;--c2:#7a9b5a;--c3:#f5f2e8;--color-7:#79a51e;--color-11:#e8f0dd;--color:#2697b0;--color-3:#8bcec4;--color-5:#5fbba6;--brand-green1-50:#99a67080;--brand-green1-100:#99a670;--brand-green2-70:#5a7a45b3;--brand-green2-100:#5a7a45;--brand-green3-100:#b8d89e;--brand-green4-50:#8ed9b680;--brand-green4-100:#8ed9b6;--brand-green5-100:#3dae88;--brand-littlegreen1-60:#ebeee399;--brand-littlegreen1-100:#ebeee3;--brand-gray1-20:#56565633;--brand-gray1-30:#5656564d;--brand-gray1-50:#56565680;--brand-gray1-80:#565656cc;--brand-gray1-100:#565656;--brand-black-80:#000c;--brand-black-100:#000;--brand-white-40:#fff6;--brand-white-70:#ffffffb3;--brand-white-100:#fff;--brand-orange-50:#ee964b80;--brand-orange-100:#ee964b;--white:#fff;--bgapp:#f5f9f2;--border-color:#dadada;--dialog-bg:#f3f3f5;--sencoy-bg:#f5f7f1;--text:#3537a6;--text-secondary:#565656cc;--color-10:#e7000b;--primary:#99a670;--primary-light:#e8f0dd;--primary-dark:#7a9b5a;--primary-bg:#f8faf5;--danger:#e7000b;--danger-light:#ffcdd2;--danger-bg:#ffebee;--warning:#ee964b;--warning-bg:#fff3e0;--success:#3dae88;--success-bg:#e8f5e9;--info:#64b5f6;--info-bg:#e3f2fd;--purple:#ba68c8;--purple-bg:#f3e5f5;--gray-900:#212121;--gray-800:#424242;--gray-700:#616161;--gray-600:#757575;--gray-500:#9e9e9e;--gray-400:#bdbdbd;--gray-300:#e0e0e0;--gray-200:#eee;--gray-100:#f5f5f5;--gray-50:#fafafa;--sidebar-width:200px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bgapp);color:var(--text);font-family:Noto Sans TC,Inter,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}.login-page{background:linear-gradient(135deg,#2d3b2d,#4a5d4a,#3d4f3d);min-height:100vh;display:flex}.login-left{color:#fff;flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex}.login-hero-title{margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2}.login-hero-title span{color:var(--primary-light)}.login-hero-desc{color:#b5c9a8;max-width:500px;margin-bottom:40px;font-size:18px}.login-features{flex-wrap:wrap;gap:30px;display:flex}.login-feature{align-items:center;gap:12px;display:flex}.login-feature i{color:var(--primary-light);font-size:24px}.login-feature span{color:#d4e4c8;font-size:15px}.login-right{justify-content:center;align-items:center;width:500px;padding:40px;display:flex}.login-card{background:#fff;border-radius:24px;width:100%;max-width:420px;padding:50px;box-shadow:0 25px 80px #0000004d}.login-logo{text-align:center;margin-bottom:35px}.login-logo-icon{width:80px;height:80px;margin:0 auto 15px}.login-logo-icon img{object-fit:contain;width:100%;height:100%}.login-logo-text{color:var(--gray-900);font-size:26px;font-weight:700}.login-logo-sub{color:var(--gray-500);margin-top:5px;font-size:14px}.login-title{text-align:center;color:var(--gray-700);margin-bottom:30px;font-size:18px}#google-signin-btn{justify-content:center;display:flex}.login-divider{color:var(--gray-400);align-items:center;margin:30px 0;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--gray-200);flex:1;height:1px}.login-divider span{padding:0 15px}.login-info{background:var(--gray-100);color:var(--gray-600);text-align:center;border-radius:12px;padding:15px;font-size:13px}.login-info i{color:var(--primary);margin-right:5px}.login-field{margin-bottom:16px}.login-field input{border:1px solid var(--gray-300);width:100%;color:var(--gray-800);background:var(--gray-50);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s}.login-field input:focus{border-color:var(--primary);background:#fff}.login-error{color:#e53e3e;text-align:center;margin-bottom:12px;font-size:13px}.login-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-bottom:20px;padding:13px;font-size:15px;font-weight:600;transition:opacity .2s}.login-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1024px){.login-left{display:none}.login-right{width:100%}}.admin-app{min-height:100vh;display:none}.admin-app.show{display:flex}.sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--gray-200);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid var(--gray-200);align-items:center;gap:8px;padding:16px;display:flex}.sidebar-logo{border-radius:8px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.sidebar-logo img{object-fit:cover;width:100%;height:100%}.sidebar-title{color:var(--gray-800);font-size:13px;font-weight:700;line-height:1.3}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.nav-item{height:40px;color:var(--gray-600);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--gray-100);color:var(--gray-800)}.nav-item.active{background:var(--primary-light);color:var(--primary-dark);font-weight:600}.nav-item.active i{color:var(--primary-dark)}.nav-item i{text-align:center;width:20px;color:inherit;font-size:18px;transition:color .15s}.nav-item span{letter-spacing:0;white-space:nowrap;font-size:14px;line-height:20px}.sidebar-footer{border-top:1px solid var(--gray-200);padding:12px 8px}.user-profile{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.user-profile:hover{background:var(--gray-100)}.user-avatar{background:var(--success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-info{flex:1;min-width:0}.user-name{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.user-role{color:var(--gray-500);font-size:12px;line-height:16px}.user-role.super{color:#f59e0b}.user-role i{font-size:12px}.sidebar-footer i.ri-logout-box-r-line{color:var(--gray-600);cursor:pointer;font-size:20px;transition:color .2s}.sidebar-footer i.ri-logout-box-r-line:hover{color:var(--gray-800)}.main-content{margin-left:var(--sidebar-width);background:var(--primary-bg);flex:1;min-height:100vh}.topbar{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:50;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.search-box{border:1px solid var(--gray-300);background:var(--white);border-radius:8px;align-items:center;width:400px;padding:8px 12px;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #99a67026}.search-box i{color:var(--gray-400);margin-right:8px;font-size:18px}.search-box input{width:100%;color:var(--gray-800);background:0 0;border:none;outline:none;padding:0;font-size:14px}.search-box input::placeholder{color:var(--gray-400)}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-btn{cursor:pointer;width:28px;height:28px;color:var(--gray-600);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;transition:color .15s;display:flex;position:relative}.topbar-btn:hover{color:var(--gray-800)}.topbar-btn .badge{background:#fb2c36;border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:2px}.topbar-date{text-align:right;color:var(--gray-600);flex-direction:column;font-size:13px;line-height:1.3;display:flex}.topbar-date .date{color:var(--gray-700);font-size:13px;font-weight:400}.topbar-date .weekday{color:var(--gray-500);font-size:12px}.page-content{padding:24px 32px}.page-header{justify-content:space-between;align-items:center;height:72px;margin-bottom:24px;display:flex}.page-title{color:var(--gray-900);font-size:28px;font-weight:700;line-height:36px}.page-subtitle{color:var(--gray-600);letter-spacing:.77px;margin-top:8px;font-size:18px;line-height:162.19%}.page-subtitle .count{color:var(--success-light);font-size:24px;font-weight:700;line-height:32px}.header-actions{gap:12px;display:flex}.btn{cursor:pointer;background:var(--white);color:var(--gray-600);letter-spacing:-.31px;border:1.3px solid #0000001a;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:16px;font-weight:500;line-height:24px;transition:all .2s;display:inline-flex}.btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:14px}.stats-row{gap:24px;margin-bottom:24px;display:flex}.stat-card{background:var(--white);border:1px solid var(--gray-300);border-radius:15px;flex:1;height:120px;padding:24px;transition:all .2s;position:relative;box-shadow:0 4px 4px #0000001a}.stat-card:hover{box-shadow:0 8px 16px #0000001f}.stat-content{flex-direction:column;gap:12px;display:flex}.stat-label{color:var(--gray-600);font-size:20px;font-weight:700;line-height:28px}.stat-value{letter-spacing:.37px;font-size:36px;font-weight:700;line-height:40px}.stat-value.warning{color:var(--warning)}.stat-value.danger{color:var(--danger)}.stat-value.success{color:var(--gray-900)}.stat-icon{width:40px;height:42px;position:absolute;top:0;right:24px}.stat-icon-inner{border-radius:0 0 20px 20px;justify-content:center;align-items:center;width:40px;height:42px;display:flex}.stat-icon-inner.warning{background:var(--warning)}.stat-icon-inner.danger{background:var(--danger)}.stat-icon-inner.success{background:var(--primary)}.stat-icon-inner i{color:#fff;font-size:20px}.stat-icon-inner img{filter:brightness(0)invert();width:20px;height:20px}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-2px)}.filter-bar{background:var(--white);border:1px solid var(--gray-300);border-radius:15px;align-items:center;gap:10px;margin-bottom:24px;padding:15px 16px;display:flex}.filter-search{flex:1;align-items:center;gap:10px;display:flex}.filter-search i{color:var(--gray-400);font-size:20px}.filter-search input{width:100%;color:var(--gray-600);background:0 0;border:none;outline:none;font-size:16px}.filter-search input::placeholder{color:#56565680}.filter-select{border:1px solid var(--gray-200);color:var(--gray-600);background:var(--white);cursor:pointer;border-radius:8px;outline:none;padding:10px 14px;font-size:16px}.table-container{background:var(--white);border:1px solid var(--gray-300);border-radius:15px;overflow:hidden;box-shadow:0 4px 4px #0000001a}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--primary);background:var(--white);border:1px solid var(--gray-300);padding:14px 32px;font-size:18px;font-weight:700;line-height:123%}.data-table td{border:1px solid var(--gray-300);vertical-align:middle;color:var(--gray-900);padding:22px 32px;font-size:18px}.data-table tbody tr{transition:all .15s}.data-table tbody tr:hover{background:var(--gray-50)}.cell-main{color:var(--gray-900);margin-bottom:12px;font-size:18px;font-weight:500;line-height:123%}.cell-sub{color:var(--gray-600);align-items:center;gap:8px;font-size:16px;line-height:24px;display:flex}.cell-sub i{font-size:24px}.shop-info{align-items:center;gap:16px;display:flex}.shop-logo{background:var(--gray-100);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.shop-logo img{object-fit:cover;width:100%;height:100%}.shop-logo i{color:var(--gray-400);font-size:24px}.shop-details{flex-direction:column;gap:4px;display:flex}.shop-name{color:var(--gray-900);letter-spacing:-.44px;font-size:18px;font-weight:500;line-height:28px}.shop-type{color:var(--gray-600);letter-spacing:-.31px;font-size:16px;line-height:24px}.status-badge{letter-spacing:-.31px;white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:16px;font-weight:700;line-height:24px;display:inline-flex}.status-badge.pending{background:var(--warning);color:var(--white)}.status-badge.approved{background:var(--primary);color:var(--white)}.status-badge.rejected{background:var(--danger);color:var(--white)}.status-badge.disabled,.status-badge.gray{background:var(--gray-400);color:var(--white)}.status-badge i{font-size:20px;line-height:1}.status-container{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.reject-reason{color:var(--danger);font-size:14px;font-weight:500;line-height:20px;display:inline}.reject-reason-text{align-items:flex-start;gap:4px;margin-top:8px;font-size:14px;line-height:20px;display:flex}.reject-reason-label{color:var(--danger);white-space:nowrap;font-weight:600}.reject-reason-content{color:var(--danger);font-weight:400}.action-link{color:var(--primary);letter-spacing:-.31px;cursor:pointer;font-size:16px;font-weight:500;line-height:24px;text-decoration:none}.action-link:hover{color:var(--primary-dark);text-decoration:underline}.card{background:var(--white);border:1px solid var(--gray-300);border-radius:15px;overflow:hidden;box-shadow:0 4px 4px #0000001a}.card-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-header h3{color:var(--gray-900);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.card-header h3 i{color:var(--primary)}.card-body{padding:24px}.card-body.p-0{padding:0}.toast{background:var(--gray-900);color:#fff;z-index:9999;opacity:0;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-size:14px;transition:all .3s;display:flex;position:fixed;top:24px;right:24px;transform:translateY(-20px);box-shadow:0 10px 40px #0003}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:var(--danger)}.toast.success{background:var(--primary)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal{background:#fff;border-radius:15px;flex-direction:column;width:640px;max-width:90%;max-height:90vh;display:flex;box-shadow:0 25px 80px #00000040}.modal.large{max-width:900px}.modal-header h3{color:var(--gray-900);margin:0;font-size:20px;font-weight:600}.close-btn{background:var(--gray-100);cursor:pointer;color:var(--gray-500);border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}.close-btn:hover{background:var(--gray-200);color:var(--gray-800)}.modal-body{flex:1;padding:28px;overflow-y:auto}.form-group{margin-bottom:20px}.form-control{border:1px solid var(--gray-300);border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}textarea.form-control{resize:vertical;min-height:100px}.info-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.info-item label{color:var(--gray-500);margin-bottom:4px;font-size:12px;display:block}.info-item div{color:var(--gray-800);font-weight:500}.info-item.full{grid-column:1/-1}.audit-section h4{color:var(--gray-800);margin-bottom:12px;font-size:15px;font-weight:600}.radio-group{gap:12px;display:flex}.radio-btn{border:2px solid var(--gray-200);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:500;transition:all .2s;display:flex}.radio-btn.success.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.radio-btn.danger.active{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.radio-btn input{display:none}.vm-card{background:var(--white);border:1px solid var(--gray-300);border-radius:15px;overflow:hidden;box-shadow:0 4px 4px #0000001a}.vm-card-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.vm-card-header h4{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.vm-card-body{padding:20px 24px}.service-list{flex-direction:column;gap:8px;display:flex}.service-item{background:var(--gray-50);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.service-item:hover{background:var(--gray-100)}.service-status{border-radius:50%;width:8px;height:8px}.service-status.ok{background:var(--primary)}.service-status.warning{background:var(--warning)}.service-status.error{background:var(--danger)}.service-status.unknown{background:var(--gray-400)}.service-name{flex:1;font-weight:500}.service-port{color:var(--gray-500);font-family:monospace;font-size:12px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.metric-item{text-align:center;background:var(--gray-50);border-radius:12px;padding:16px}.metric-value{color:var(--gray-800);font-size:24px;font-weight:700}.metric-label{color:var(--gray-500);margin-top:4px;font-size:12px}.tabs{border-bottom:1px solid var(--gray-200);gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.tab-btn{color:var(--gray-600);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn:hover{background:var(--gray-100)}.tab-btn.active{background:var(--primary-light);color:var(--primary)}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.certification-detail-page{padding:0}.detail-header{background:var(--white);border-radius:16px;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:24px 32px;display:flex;box-shadow:0 1px 3px #0000001a}.detail-header-left{align-items:flex-start;gap:16px;display:flex}.btn-back{border:1px solid var(--gray-300);background:var(--white);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-back:hover{background:var(--gray-100)}.btn-back i{color:var(--gray-600);font-size:24px}.detail-title-section{flex-direction:column;gap:8px;display:flex}.detail-title-row{align-items:center;gap:16px;display:flex}.detail-title{color:var(--gray-900);margin:0;font-size:28px;font-weight:700}.detail-meta{color:var(--gray-500);align-items:center;gap:24px;font-size:14px;display:flex}.detail-meta span{align-items:center;gap:6px;display:flex}.detail-meta i{font-size:16px}.detail-header-actions{gap:12px;display:flex}.btn-danger-outline{background:var(--white);color:var(--danger);border:1px solid var(--danger);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-danger-outline:hover{background:var(--danger-bg)}.btn-outline-success{background:var(--white);color:var(--primary);border:1px solid var(--primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.audit-notice{background:var(--danger-bg);border:1px solid #e7000b33;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.audit-notice-icon{color:var(--danger);font-size:24px;line-height:1}.audit-notice-title{color:var(--danger);margin-bottom:4px;font-size:16px;font-weight:700}.audit-notice-text{color:var(--danger);font-size:14px;line-height:1.5}.payment-status-card{background:var(--white);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000001a}.payment-status-left{align-items:center;gap:16px;display:flex}.payment-logo{width:80px;height:auto}.payment-info{flex-direction:column;gap:4px;display:flex}.payment-label{color:var(--gray-600);align-items:center;gap:12px;font-size:14px;display:flex}.payment-desc{color:var(--gray-500);font-size:14px}.payment-merchant-id{color:var(--gray-400);font-size:13px}.detail-content-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.detail-left-column,.detail-right-column{flex-direction:column;gap:24px;display:flex}.detail-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.detail-card-header{border-bottom:1px solid var(--gray-200);color:var(--gray-900);align-items:center;gap:10px;padding:20px 24px;font-size:18px;font-weight:600;display:flex}.detail-card-header i{color:var(--gray-600);font-size:22px}.detail-card-body{padding:24px}.info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.info-item{background:var(--gray-50);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.info-item.full-width{grid-column:span 2}.info-label{color:var(--gray-500);font-size:14px}.info-value{color:var(--gray-900);font-size:16px;font-weight:500}.id-card-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.id-card-item{flex-direction:column;align-items:center;gap:12px;display:flex}.id-card-image{aspect-ratio:1.6;background:var(--gray-100);border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.id-card-image img{object-fit:cover;width:100%;height:100%}.id-card-placeholder{color:var(--gray-400);flex-direction:column;align-items:center;gap:8px;display:flex}.id-card-placeholder i{font-size:48px}.id-card-label{color:var(--gray-500);font-size:14px}.document-list{flex-direction:column;gap:16px;display:flex}.document-item{background:var(--gray-50);border-radius:12px;align-items:center;gap:16px;padding:12px;display:flex}.document-image{background:var(--gray-200);border-radius:8px;justify-content:center;align-items:center;width:100px;height:70px;display:flex;overflow:hidden}.document-image img{object-fit:cover;width:100%;height:100%}.document-placeholder{color:var(--gray-400);font-size:32px}.document-placeholder.cert-placeholder{width:100%;height:100%;color:var(--primary);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);justify-content:center;align-items:center;display:flex}.document-info{flex:1;justify-content:space-between;align-items:center;display:flex}.document-number{color:var(--gray-900);font-size:18px;font-weight:600}.document-title{color:var(--gray-900);font-size:16px;font-weight:500}.document-info i{font-size:24px}.cert-badges-section{margin-top:24px}.cert-badges-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;display:grid}.cert-badge{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.cert-badge i{color:var(--primary);flex-shrink:0;font-size:24px}.cert-badge-content{flex-direction:column;gap:2px;display:flex}.cert-badge-title{color:var(--gray-900);font-size:14px;font-weight:600}.cert-badge-desc{color:var(--gray-500);font-size:12px}.cert-badge.inactive{opacity:.5;background:var(--gray-100);border-color:var(--gray-200)}.cert-badge.inactive i{color:var(--gray-400)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-content{background:var(--white);border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003}.modal-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-close{background:var(--gray-100);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-close i{color:var(--gray-600);font-size:20px}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--gray-200);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-label{color:var(--gray-700);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-textarea{border:1px solid var(--gray-300);resize:vertical;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px}.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #5a7a451a}.btn-danger{background:var(--danger);color:var(--white);cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600}.btn-danger:hover{background:var(--danger-light)}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bannerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:1280px){.detail-content-grid{grid-template-columns:1fr}.stats-row{flex-wrap:wrap}.stat-card{min-width:calc(50% - 12px)}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.stat-card{min-width:100%}.detail-header{flex-direction:column;gap:16px}.detail-header-actions{width:100%}.info-grid,.id-card-grid,.cert-badges-grid{grid-template-columns:1fr}}.stat-card-v2{background:#fff;border:1px solid #dadada;border-radius:15px;height:120px;min-height:120px;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;transition:all .2s;position:relative;box-shadow:0 4px 4px #0000001a}.stat-card-v2:hover{box-shadow:0 8px 16px #0000001f}.stat-card-v2-content{flex-direction:column;gap:12px;display:flex}.stat-card-v2-label{color:#4b5563;margin:0;padding:0;font-size:20px;font-weight:700;line-height:28px}.stat-card-v2-value{color:#111827;letter-spacing:.37px;margin:0;padding:0;font-size:36px;font-weight:700;line-height:40px}.stat-card-v2-value.warning{color:#ee964b}.stat-card-v2-value.danger{color:#e7000b}.stat-card-v2-icon{z-index:10;border-radius:0 0 20px 20px;justify-content:center;align-items:center;width:40px;height:42px;display:flex;position:absolute;top:0;right:24px}.stat-card-v2-icon img{filter:brightness(0)invert();width:20px;height:20px}.stat-card-v2-icon-placeholder{background:#ffffff4d;border-radius:4px;width:20px;height:20px}.stat-card-v2-icon.store{background:#565656}.stat-card-v2-icon.warning{background:#ee964b}.stat-card-v2-icon.danger{background:#e7000b}.stat-card-v2-icon.success{background:#5a7a45}.stat-card-v2-icon.trending{background:#565656}.stats-row-v2{gap:24px;margin-bottom:24px;display:flex}.stats-row-v2>*{flex:1}.stat-card-clickable{cursor:pointer;border-radius:16px;transition:all .2s}.stat-card-clickable:hover{transform:translateY(-2px)}.stat-card-clickable.active .stat-card-v2{background:#e8efe3;box-shadow:0 0 0 2px #c5d4bc}@media (max-width:1280px){.stats-row-v2{flex-wrap:wrap}.stats-row-v2>*{min-width:calc(50% - 12px)}}@media (max-width:768px){.stats-row-v2>*{min-width:100%}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}