*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',sans-serif;background:#f5f5f0;padding:0}

/* ADMIN NAVBAR */
.admin-nav{background:#fff;border-bottom:1px solid #e8e8e0;padding:0 20px;position:sticky;top:0;z-index:100}
.admin-nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px}
.admin-nav-left{display:flex;align-items:center;gap:16px}
.admin-logo{font-size:18px;font-weight:800;color:#e65100;text-decoration:none}
.admin-nav-label{font-size:13px;color:#999;font-weight:500}
.admin-nav-right{display:flex;align-items:center;gap:12px}
.admin-user{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#333}
.admin-user img{width:28px;height:28px;border-radius:50%;border:2px solid #e8e8e0}
.admin-back{font-size:12px;color:#e65100;text-decoration:none;font-weight:600}
.admin-back:hover{text-decoration:underline}

/* TABS */
.tab-bar{background:#fff;border-bottom:1px solid #e8e8e0;padding:0 20px}
.tab-bar-inner{max-width:1100px;margin:0 auto;display:flex;gap:0;overflow-x:auto}
.tab-btn{background:none;border:none;padding:14px 20px;font-size:13px;font-family:inherit;font-weight:600;color:#999;cursor:pointer;border-bottom:2px solid transparent;transition:.15s;white-space:nowrap}
.tab-btn:hover{color:#e65100}
.tab-btn.active{color:#e65100;border-bottom-color:#e65100}

/* MAIN CONTENT */
.admin-main{max-width:1100px;margin:0 auto;padding:20px}
.tab-content{display:none}
.tab-content.active{display:block}

/* CARDS */
.admin-card{background:#fff;border:1px solid #e8e8e0;border-radius:12px;padding:20px;margin-bottom:16px}
.admin-card h3{font-size:15px;font-weight:700;color:#333;margin-bottom:12px}

/* TABLE */
.admin-table{width:100%;border-collapse:collapse;font-size:12px}
.admin-table th{text-align:left;padding:10px 12px;background:#fafaf5;color:#777;font-weight:600;border-bottom:1px solid #e8e8e0;white-space:nowrap}
.admin-table td{padding:10px 12px;border-bottom:1px solid #f5f5f0;color:#333;vertical-align:top}
.admin-table tr:hover td{background:#fafaf5}

/* STATUS BADGE */
.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}
.status-pending{background:#fff3e0;color:#e65100}
.status-confirmed{background:#e8f5e9;color:#2e7d32}
.status-purchasing{background:#e3f2fd;color:#1565c0}
.status-warehouse{background:#f3e5f5;color:#7b1fa2}
.status-shipping{background:#e0f7fa;color:#00838f}
.status-customs{background:#fce4ec;color:#c62828}
.status-delivery{background:#fff8e1;color:#f57f17}
.status-delivered{background:#e8f5e9;color:#1b5e20}

/* STATUS SELECT */
.status-select{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:12px;font-family:inherit;cursor:pointer;background:#fff}

/* SETTINGS FORM */
.setting-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f5f5f0}
.setting-row:last-child{border-bottom:none}
.setting-label{flex:1;font-size:13px;font-weight:600;color:#333}
.setting-desc{font-size:11px;color:#999;font-weight:400}
.setting-input{width:120px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;font-weight:700;text-align:right}
.setting-save{background:#e65100;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;margin-top:12px}
.setting-save:hover{background:#d84300}

/* PROGRESS BAR (8 steps) */
.order-progress{display:flex;align-items:center;gap:0;margin:8px 0}
.progress-dot{width:12px;height:12px;border-radius:50%;background:#e0e0d8;flex-shrink:0;transition:.2s}
.progress-dot.done{background:#2e7d32}
.progress-dot.current{background:#e65100;box-shadow:0 0 0 3px rgba(230,81,0,.2)}
.progress-line{flex:1;height:2px;background:#e0e0d8}
.progress-line.done{background:#2e7d32}

/* ORDER DETAIL */
.order-detail-card{background:#fff;border:1px solid #e8e8e0;border-radius:12px;padding:20px;margin-bottom:12px}
.order-meta{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:12px;font-size:12px;color:#777}
.order-meta strong{color:#333}
.order-items{font-size:12px;color:#555;white-space:pre-line;background:#fafaf5;padding:10px;border-radius:6px;margin-top:8px}

/* EMPTY STATE */
.empty-state{text-align:center;padding:40px;color:#999;font-size:14px}

/* DASHBOARD STATS */
.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}
.stat-card{background:#fff;border:1px solid #e8e8e0;border-radius:10px;padding:16px;text-align:center}
.stat-number{font-size:28px;font-weight:800;color:#e65100}
.stat-label{font-size:11px;color:#999;font-weight:500;margin-top:4px}
.stat-clickable{cursor:pointer;transition:.15s}
.stat-clickable:hover{border-color:#e65100;box-shadow:0 2px 8px rgba(230,81,0,.1)}

/* REORDER BTN */
.btn-reorder{background:#e65100;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}
.btn-reorder:hover{background:#d84300}

/* AUTH GATE */
.auth-gate{text-align:center;padding:80px 20px}
.auth-gate h2{color:#333;margin-bottom:8px}
.auth-gate p{color:#999;margin-bottom:20px;font-size:14px}
.auth-gate-btn{background:#e65100;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}

/* RESPONSIVE */
@media(max-width:768px){
  .admin-main{padding:12px}
  .admin-table{font-size:11px}
  .admin-table th,.admin-table td{padding:8px 6px}
  .stats-row{grid-template-columns:repeat(2,1fr)}
  .order-meta{flex-direction:column;gap:4px}
  .setting-row{flex-direction:column;align-items:flex-start;gap:6px}
  .setting-input{width:100%}
}

/* ORDER ID LINK (admin) */
.order-id-link{color:#e65100;font-weight:700;text-decoration:none;cursor:pointer}
.order-id-link:hover{text-decoration:underline}
.detail-row td{background:#fafaf5}
.expand-items{padding:8px 0}
.link-1688{color:#e65100;font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}
.link-1688:hover{text-decoration:underline}

/* DASHBOARD ITEMS TOGGLE */
.dash-items-toggle{font-size:12px;color:#e65100;font-weight:600;cursor:pointer;padding:4px 0;user-select:none}
.dash-items-toggle:hover{text-decoration:underline}
.dash-items-detail{margin-top:8px}

/* ORDER ITEMS GRID (1688 Style - shared admin + dashboard) */
.order-items-grid{display:flex;flex-direction:column;gap:0}
.oi-card{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f5f5f0}
.oi-card:last-child{border-bottom:none}
.oi-img{width:50px;height:50px;border-radius:6px;object-fit:cover;background:#f0f0ea;flex-shrink:0;border:1px solid #e8e8e0}
.oi-img:hover{border-color:#e65100}
.oi-info{flex:1;min-width:0}
.oi-name{font-size:12px;font-weight:500;color:#333;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.oi-name:hover{color:#e65100}
.oi-price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.oi-cny{font-size:11px;color:#999;text-decoration:line-through}
.oi-php{font-size:12px;font-weight:700;color:#c62828}
.oi-qty{font-size:11px;color:#777;background:#f5f5f0;padding:1px 6px;border-radius:3px}
.oi-sub{font-size:13px;font-weight:800;color:#c62828;margin-left:auto}
.oi-footer{display:flex;align-items:center;gap:16px;padding:10px 0 4px;border-top:2px solid #e8e8e0;margin-top:4px;font-size:11px;color:#777;flex-wrap:wrap}
.oi-footer b{color:#333}
.oi-footer-total{margin-left:auto;font-size:14px;font-weight:800;color:#c62828}
.oi-footer-total b{color:#c62828}

/* ORDER ITEMS SUPPLIER GROUPS */
.oi-supplier-group{border:1px solid #e8e8e0;border-radius:8px;margin-bottom:10px;overflow:hidden}
.oi-supplier-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#fafaf5,#fff);border-bottom:1px solid #f0f0ea;font-size:12px;font-weight:700;color:#555}
.oi-supplier-header span:first-child{font-size:14px}
.oi-supplier-group .oi-card{padding:8px 12px}
.oi-group-sub{display:flex;justify-content:space-between;padding:6px 12px;background:#fafaf5;border-top:1px solid #f0f0ea;font-size:10px;color:#999}
.oi-group-sub span:last-child{font-weight:700;color:#c62828;font-size:11px}

/* RECENTLY VIEWED GRID */
.viewed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.viewed-card{background:#fff;border:1px solid #e8e8e0;border-radius:10px;overflow:hidden;cursor:pointer;transition:.2s;display:flex;flex-direction:column}
.viewed-card:hover{border-color:#e65100;box-shadow:0 4px 16px rgba(230,81,0,.1);transform:translateY(-2px)}
.viewed-img-wrap{width:100%;height:140px;overflow:hidden;background:#f0f0ea;position:relative}
.viewed-img-wrap img{width:100%;height:100%;object-fit:cover;transition:.2s}
.viewed-card:hover .viewed-img-wrap img{transform:scale(1.05)}
.viewed-info{padding:10px 12px;flex:1;display:flex;flex-direction:column;gap:6px}
.viewed-title{font-size:12px;font-weight:600;color:#333;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.viewed-card:hover .viewed-title{color:#e65100}
.viewed-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.viewed-id{font-size:10px;color:#bbb;font-weight:500}
.viewed-time{font-size:10px;color:#999;font-weight:500}
@media(max-width:768px){.viewed-grid{grid-template-columns:repeat(2,1fr);gap:8px}.viewed-img-wrap{height:110px}}

/* =====================================================
   🌟 RECENTLY VIEWED BADGES (새로 추가됨)
===================================================== */
.viewed-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
  color: #fff;
  z-index: 2;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.badge-searched { background: rgba(230, 81, 0, 0.95); } /* 주황색 (검색) */
.badge-viewed { background: rgba(46, 125, 50, 0.95); } /* 초록색 (조회) */

/* =====================================================
   🌟 DETAIL MODAL (대시보드 이식용)
===================================================== */
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.modal-overlay.open{display:flex}
.modal-content{background:#fff;width:100%;max-width:900px;max-height:90vh;border-radius:12px;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.modal-close{position:absolute;top:16px;right:20px;font-size:28px;font-weight:700;color:#999;cursor:pointer;z-index:10;line-height:1;background:#fff;border-radius:50%;width:32px;height:32px;text-align:center}
.modal-close:hover{color:#e65100}
#modal-inner{overflow-y:auto;flex:1;padding:24px}

/* 모달 내부 레이아웃 */
.modal-top{display:flex;gap:24px;margin-bottom:24px}
.modal-img-area{width:350px;flex-shrink:0}
.main-img-wrap{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f0f0ea;margin-bottom:12px;border:1px solid #e8e8e0}
#detail-main-img{width:100%;height:100%;object-fit:cover}
.thumb-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.thumb-item{width:60px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;opacity:0.6;flex-shrink:0}
.thumb-item.active,.thumb-item:hover{opacity:1;border-color:#e65100}
.thumb-item img{width:100%;height:100%;object-fit:cover}

.modal-info{flex:1;min-width:0}
.modal-title{font-size:18px;font-weight:700;color:#333;margin-bottom:8px;line-height:1.4}
.modal-sales{font-size:13px;color:#777;margin-bottom:16px}
.modal-price-range{background:#fff5f0;padding:16px;border-radius:8px;margin-bottom:20px;border:1px dashed #ffceb3}
.mpr-cny{font-size:13px;color:#e65100;margin-bottom:4px}
.mpr-php{font-size:22px;font-weight:800;color:#c62828}

/* 옵션(SKU) 리스트 */
.sku-section-title{font-size:14px;font-weight:700;color:#333;margin-bottom:12px}
.sku-list{max-height:300px;overflow-y:auto;border:1px solid #e8e8e0;border-radius:8px;margin-bottom:16px}
.sku-row{padding:12px;border-bottom:1px solid #f0f0ea;display:flex;justify-content:space-between;align-items:center;gap:16px}
.sku-row:last-child{border-bottom:none}
.sku-line1{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.sku-thumb{width:40px;height:40px;border-radius:4px;object-fit:cover;cursor:pointer;border:1px solid #e8e8e0}
.sku-name{font-size:13px;font-weight:600;color:#333;line-height:1.3}
.sku-line2{display:flex;align-items:center;gap:16px}
.sku-prices{display:flex;align-items:center;gap:6px;font-size:12px}
.sku-prices .cny{color:#999;text-decoration:line-through}
.sku-prices .arrow{color:#ddd}
.sku-prices .php{font-weight:700;color:#c62828}
.sku-stock{font-size:11px;color:#999;width:60px;text-align:right}
.sku-qty{display:flex;align-items:center;gap:0;border:1px solid #ddd;border-radius:4px;overflow:hidden}
.sku-qty button{background:#fafaf5;border:none;width:28px;height:28px;cursor:pointer;font-weight:700;color:#555}
.sku-qty button:hover{background:#e8e8e0}
.sku-qty input{width:40px;height:28px;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-size:13px;font-family:inherit;font-weight:600;padding:0;outline:none}

.modal-1688-link{display:inline-block;color:#e65100;font-size:13px;font-weight:600;text-decoration:none;margin-top:8px}
.modal-1688-link:hover{text-decoration:underline}

/* 상품 상세 정보 */
.desc-section{margin-top:24px;border-top:1px solid #e8e8e0;padding-top:24px}
.desc-section-title{font-size:16px;font-weight:700;color:#333;margin-bottom:16px}
.desc-images img{max-width:100%;height:auto;display:block;margin:0 auto}

/* 하단 장바구니 바 */
.order-summary{position:sticky;bottom:0;background:#fff;border-top:1px solid #e8e8e0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 10px rgba(0,0,0,0.05)}
.os-breakdown{font-size:13px;color:#555;line-height:1.6}
.os-label{color:#999}
.os-total{font-size:20px;font-weight:800;color:#c62828}
.order-summary-btn{background:#e65100;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s}
.order-summary-btn:hover:not(:disabled){background:#d84300}
.order-summary-btn:disabled{background:#ddd;color:#999;cursor:not-allowed}
@media(max-width:768px){.modal-top{flex-direction:column}.modal-img-area{width:100%}}