/* Frontend Cards - 22px Border, Monochromatic Hover */
.bitghost-frontend-dashboard{padding:40px 20px;max-width:1400px;margin:0 auto}
.dashboard-header{text-align:center;margin-bottom:40px}
.dashboard-header h2{font-size:32px;font-weight:300;color:#000;margin:0 0 10px 0}
.dashboard-header .subtitle{font-size:16px;color:#666}
.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin:40px 0}
.project-card{background:#fff;border:22px solid #000;border-radius:4px;transition:all 0.3s ease;overflow:hidden}
.project-card:hover{background:#000;color:#fff;transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}
.project-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;transition:border-color 0.3s}
.project-card:hover .card-header{border-bottom-color:#333}
.project-card .order-number{font-size:14px;font-weight:600;color:#000;transition:color 0.3s}
.project-card:hover .order-number{color:#fff}
.project-card .status-badge{padding:6px 12px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase}
.project-card .card-body{padding:24px;text-align:center}
.project-card .order-title{font-size:20px;font-weight:400;margin:0 0 20px 0;color:#000;transition:color 0.3s}
.project-card:hover .order-title{color:#fff}
.project-card .order-meta{display:flex;justify-content:space-around;gap:15px;flex-wrap:wrap}
.project-card .meta-item{text-align:center}
.project-card .meta-label{display:block;font-size:12px;color:#999;margin-bottom:4px;transition:color 0.3s}
.project-card:hover .meta-label{color:#ccc}
.project-card .meta-value{display:block;font-size:16px;font-weight:600;color:#000;transition:color 0.3s}
.project-card:hover .meta-value{color:#fff}
.project-card .card-footer{padding:20px;border-top:1px solid #e0e0e0;text-align:center;transition:border-color 0.3s}
.project-card:hover .card-footer{border-top-color:#333}
.project-card .view-order-btn{display:inline-block;padding:12px 24px;background:#000;color:#fff;text-decoration:none;border-radius:3px;font-size:14px;font-weight:500;text-transform:uppercase;transition:all 0.3s}
.project-card:hover .view-order-btn{background:#fff;color:#000}
.status-completed{background:#000;color:#fff}
.status-processing{background:#666;color:#fff}
.status-pending{background:#e0e0e0;color:#000}
.load-more-container{text-align:center;margin:40px 0}
.load-more-btn{background:#000;color:#fff;border:none;padding:16px 40px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;text-transform:uppercase;transition:all 0.3s}
.load-more-btn:hover{background:#333;transform:scale(1.05)}
.loading-spinner{display:inline-block;margin:20px}
.spinner-icon{display:inline-block;width:30px;height:30px;border:4px solid #f3f3f3;border-top:4px solid #000;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.no-orders{text-align:center;padding:60px 20px;font-size:18px;color:#999}
@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:20px}.project-card{border-width:15px}}