@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;800&display=swap";*{box-sizing:border-box;font-family:Cairo,sans-serif}body{color:#f8fafc;direction:rtl;background-color:#0f172a;margin:0;padding:0}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background-color:#1e293b;border-left:1px solid #334155;flex-direction:column;gap:20px;width:250px;padding:20px;display:flex}.sidebar-logo{color:#fbbf24;text-align:center;border-bottom:1px solid #334155;padding-bottom:20px;font-size:24px;font-weight:800}.nav-link{color:#94a3b8;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 15px;font-size:18px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:#fbbf24;background-color:#334155}.main-content{flex:1;padding:30px;overflow-y:auto}.header-title{color:#f8fafc;margin-top:0;margin-bottom:30px;font-size:28px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #334155;border-radius:12px;padding:20px;transition:transform .2s}.card:hover{border-color:#475569;transform:translateY(-2px)}.card-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.card-title{color:#fbbf24;font-size:18px;font-weight:800}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.badge.pending{color:#854d0e;background-color:#fef08a}.badge.ready{color:#166534;background-color:#bbf7d0}.badge.confirmed{color:#1e3a8a;background-color:#bfdbfe}.item-list{color:#cbd5e1;margin:10px 0;padding-right:20px}.total-price{color:#10b981;margin-top:10px;font-size:20px;font-weight:700}.refresh-btn{color:#0f172a;cursor:pointer;background-color:#fbbf24;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 20px;font-size:16px;font-weight:700;transition:opacity .2s;display:flex}.refresh-btn:hover{opacity:.9}@media (width<=768px){.dashboard-layout{flex-direction:column}.sidebar{z-index:50;border-bottom:1px solid #334155;border-left:none;flex-direction:row;align-items:center;gap:10px;width:100%;padding:10px 15px;position:sticky;top:0}.sidebar-logo{text-align:right;border-bottom:none;flex-grow:1;padding-bottom:0;font-size:20px}.nav-link{padding:8px 10px;font-size:14px}.nav-link span{display:none}.main-content{padding:15px}.card-grid{grid-template-columns:1fr}}.tabs{border-bottom:1px solid #334155;gap:15px;margin-bottom:25px;padding-bottom:10px;display:flex}.tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:18px;font-weight:700}.tab.active{color:#fbbf24;border-bottom:2px solid #fbbf24}.card-actions{border-top:1px solid #334155;gap:10px;margin-top:15px;padding-top:15px;display:flex}.btn-complete,.btn-cancel{cursor:pointer;color:#fff;border:none;border-radius:6px;flex:1;padding:8px;font-weight:700;transition:opacity .2s}.btn-complete{background-color:#10b981}.btn-cancel{background-color:#ef4444}.btn-complete:hover,.btn-cancel:hover{opacity:.8}.btn-complete:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.badge.completed{color:#065f46;background-color:#d1fae5}.badge.cancelled{color:#991b1b;background-color:#fee2e2}