* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; background: #020405; color: #e0e0e0; min-height: 100vh; }
.highlight { color: #01fe86; }
.navbar { padding: 1.5rem 5%; background: rgba(0,0,0, 0.5); border-bottom: 1px solid rgba(255,255,255,0.05); }
.logo-nav { font-family: 'Syncopate', sans-serif; font-size: 1.5rem; font-weight: 900; }

.dashboard-wrapper { padding: 4rem 5%; display: flex; justify-content: center; align-items: center; min-height: 80vh; }
.dashboard-card { 
    background: rgba(15, 20, 25, 0.9); width: 100%; max-width: 500px; padding: 3rem; 
    border-radius: 15px; border: 1px solid rgba(1, 254, 134, 0.3); text-align: center;
    box-shadow: 0 10px 40px rgba(1, 254, 134, 0.1); 
}

.success-icon { 
    width: 60px; height: 60px; background: #01fe86; color: #000; border-radius: 50%; 
    display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: bold;
    margin: 0 auto 1.5rem auto; box-shadow: 0 0 20px rgba(1,254,134,0.4);
}

h2 { margin-bottom: 0.5rem; font-size: 1.8rem; }
.subtitle { color: #a0a0a0; margin-bottom: 2rem; }

.order-details { text-align: left; background: rgba(0,0,0,0.4); padding: 1.5rem; border-radius: 8px; margin-bottom: 2rem; }
.detail-row { display: flex; justify-content: space-between; margin-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 0.5rem; }
.detail-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.detail-label { color: #888; font-size: 0.9rem; }
.detail-value { font-weight: bold; color: #fff; text-align: right; }
.status-badge { background: rgba(1, 254, 134, 0.2); color: #01fe86; padding: 0.2rem 0.8rem; border-radius: 20px; font-size: 0.85rem; }

.back-btn { display: inline-block; padding: 0.8rem 2rem; background: transparent; border: 1px solid #01fe86; color: #01fe86; text-decoration: none; border-radius: 8px; transition: 0.3s; font-weight: bold; }
.back-btn:hover { background: #01fe86; color: #000; }