.db{display:flex;flex-direction:column;gap:20px}.db-greeting{background:#fff;border-radius:12px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #f1f5f9;border-left:4px solid #6366f1}.db-greeting-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 3px;line-height:1.3}.db-greeting-sub{font-size:13px;font-weight:400;color:#94a3b8;margin:0}.db-greeting-date{font-size:12px;font-weight:500;color:#94a3b8;white-space:nowrap;flex-shrink:0}.db-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.db-stat{background:#fff;border:1px solid #f1f5f9;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .15s ease}.db-stat:not(.db-stat--loading):hover{box-shadow:0 2px 12px rgba(0,0,0,.04);transform:translateY(-1px)}.db-stat-top{gap:10px}.db-stat-icon,.db-stat-top{display:flex;align-items:center}.db-stat-icon{width:36px;height:36px;border-radius:8px;justify-content:center;flex-shrink:0}.db-stat-label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px}.db-stat-bottom{display:flex;align-items:baseline;gap:8px}.db-stat-value{font-size:24px;font-weight:800;color:#1e293b;line-height:1}.db-stat-sub{font-size:11px;font-weight:500;color:#94a3b8}.db-section{display:flex;flex-direction:column;gap:10px}.db-section-title{font-size:14px;font-weight:700;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.5px}.db-actions{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.db-action{background:#fff;border:1px solid #f1f5f9;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;text-decoration:none;transition:box-shadow .2s ease,transform .15s ease,border-color .2s ease;cursor:pointer;position:relative}.db-action:hover{box-shadow:0 2px 12px rgba(0,0,0,.04);transform:translateY(-1px);border-color:#e2e8f0}.db-action:hover .db-action-arrow{opacity:1;transform:translate(1px,-1px)}.db-action-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-action-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1}.db-action-label{font-size:13px;font-weight:600;color:#1e293b}.db-action-desc{font-size:11px;font-weight:400;color:#94a3b8}.db-action-arrow{color:#cbd5e1;opacity:0;transition:opacity .2s ease,transform .2s ease;flex-shrink:0}.db-sk{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:db-shimmer 1.5s infinite;border-radius:6px}.db-sk-label{height:12px;width:72px}.db-sk-value{height:24px;width:48px}.db-sk-sub{height:11px;width:56px}.db-sk-title{height:14px;width:110px;margin-bottom:6px}.db-sk-caption{height:11px;width:140px}.db-sk-chart{width:200px;height:200px}.db-sk-chart,.db-sk-dot{border-radius:50%;flex-shrink:0}.db-sk-dot{width:10px;height:10px}.db-sk-legend-label{height:12px;width:72px}.db-sk-legend-count{height:12px;width:32px}.db-sk-legend-pct{height:12px;width:36px}@keyframes db-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.db-actions,.db-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.db{gap:14px}.db-greeting{flex-direction:column;align-items:flex-start;padding:18px 20px;gap:8px;border-left-width:3px}.db-greeting-title{font-size:16px}.db-greeting-sub{font-size:12px}.db-greeting-date{font-size:11px}.db-stats{gap:10px}.db-stat{padding:14px;gap:10px}.db-stat-icon{width:32px;height:32px}.db-stat-value{font-size:20px}.db-stat-label{font-size:11px}.db-actions{gap:10px}.db-action{padding:12px 14px;gap:10px}.db-action-icon{width:32px;height:32px}.db-action-label{font-size:12px}.db-action-arrow,.db-action-desc{display:none}.db-section-title{font-size:13px}}@media (max-width:380px){.db-actions,.db-stats{grid-template-columns:1fr}}.db-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:stretch}.db-quick-actions-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:20px 24px}.db-actions--vertical{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:8px!important;gap:8px!important}.db-order-status{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:20px 24px}.db-order-status-header{margin-bottom:16px}.db-order-status-sub{font-size:12px;color:#9ca3af}.db-order-status-body{display:flex;align-items:center;gap:32px}.db-order-status-chart{width:200px;flex-shrink:0}.db-order-status-legend{flex:1 1;display:flex;flex-direction:column;gap:10px}.db-order-status-row{display:flex;justify-content:space-between;align-items:center}.db-order-status-row-left{display:flex;align-items:center;gap:8px}.db-order-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.db-order-status-label{font-size:13px;font-weight:500;color:#374151}.db-order-status-row-right{display:flex;align-items:center;gap:12px}.db-order-status-count{color:#1e293b;min-width:24px}.db-order-status-count,.db-order-status-pct{font-size:13px;font-weight:600;text-align:right}.db-order-status-pct{color:#9ca3af;min-width:36px}@media (max-width:768px){.db-row{grid-template-columns:1fr}}@media (max-width:600px){.db-order-status-body{flex-direction:column;gap:16px}.db-order-status-chart{width:160px}.db-order-status-legend{width:100%}}.db-queries{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:20px 24px}.db-queries-header{justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #f1f5f9;margin-bottom:8px}.db-queries-header,.db-queries-header-left{display:flex;align-items:center;gap:12px}.db-queries-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(99,102,241,.08);color:#6366f1}.db-queries-sub{display:block;font-size:12px;font-weight:400;color:#94a3b8;margin-top:3px;text-transform:none;letter-spacing:normal}.db-queries-badge{font-size:11px;font-weight:700;color:#6366f1;background:rgba(99,102,241,.08);padding:5px 10px;border-radius:999px;letter-spacing:.3px}.db-queries-list{display:flex;flex-direction:column}.db-query-row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid #f8fafc;transition:background .15s ease}.db-query-row:last-child{border-bottom:none}.db-query-row:hover{background:#fafbfc;margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:8px}.db-query-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:13px;font-weight:700;letter-spacing:.3px}.db-query-body{flex:1 1;min-width:0}.db-query-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.db-query-name{font-size:13px;font-weight:700;color:#1e293b}.db-query-email{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#64748b;text-decoration:none;transition:color .15s ease}.db-query-email:hover{color:#6366f1}.db-query-msg{font-size:12px;color:#64748b;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.db-query-time{font-size:11px;font-weight:500;color:#94a3b8;white-space:nowrap;flex-shrink:0;padding-top:2px}.db-queries-empty{text-align:center;padding:40px 20px}.db-queries-empty-icon{width:56px;height:56px;border-radius:50%;background:#f8fafc;color:#cbd5e1;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.db-queries-empty-title{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:4px}.db-queries-empty-text{font-size:12px;color:#94a3b8}.db-sk-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0}.db-sk-q-name{height:12px;width:110px;margin-bottom:6px}.db-sk-q-email{height:10px;width:160px;margin-bottom:8px}.db-sk-q-msg{height:10px;width:100%}.db-sk-q-time{height:10px;width:48px;flex-shrink:0}@media (max-width:640px){.db-queries{padding:16px 18px}.db-queries-header{padding-bottom:12px}.db-queries-icon{width:32px;height:32px}.db-query-row{gap:12px;padding:12px 0}.db-query-avatar{width:34px;height:34px;font-size:12px}.db-query-time{display:none}.db-query-top{gap:6px}.db-sk-q-email{width:120px}.db-sk-q-name{width:90px}}